JavaScript 備忘録 | メシのタネ

このエントリーをはてなブックマークに追加

【jQuery】 textの未入力一括チェック

 2013/06/10

頭悪いので、オンオフ用にプログラムをいちいち書いてたんですけど、
偶然割と簡単に一括チェックができてハッ!となったので
ソース公開します。

$(function(){
$("#bregister").click(function()
{

	$("#bord_input > div > p").remove(); //クリック時にエラーメッセージを削除

	var inpval = [];
	output_private.bordcheck(inpval);

	var empty_mes = [];
	output_static.empty_check(inpval,empty_mes);

});

});

var output_static = {}; //名前空間定義
output_static.empty_check = function(inpval,empty_mes)
{

	jQuery.each(inpval, function(e,v)
	{
		if(inpval[e] == "") //テキストボックスの要素番号を取得します。
		{
			$("#bord_input > div").eq(e).append("

入力がありませんでした。

"); //未入力のDIVの一番下にエラー出します。 empty_mes[e] = 1; //エラーのフラグです。 } }); } var output_private = {}; output_private.bordcheck = function(inpval) { $("#bord_input > div > input").each(function(e) { if(e == 2){return inpval[e] = $("#bord_input > div > textarea").val();} //3回目のループ時にテキストエリア入れてます。inputがbuttonあわせると3つあるので //こうやってますけど、これ多分おうちゃくです。 inpval[e] = $(this).val(); //inputの値をとって配列に入れます。 }); } //htmlの中

このエントリーをはてなブックマークに追加

コメント

"【jQuery】 textの未入力一括チェック"
でメシのタネのおすすめを検索したよ!

プログラミング備忘録 | メシのタネ