gaku様の備忘録

プログラミングとか、夢と現実と理想とか。。。

jQueryでformの必須チェック処理

formの必須チェックが欲しかったので作ってみた。汎用性があるように作っている。

formでclass="check-form"、必須入力にしたい項目でclass="check-item"で使えます。
処理としては、必須チェックが入っている項目に値が入力されていないとsubmit出来ないようにしています。

//入力チェックを行うJS
//formでclass="check-form"
//チェックしたい項目でclass="check-item"
//現状必須のみ
$(function(){
	$('.check-form').submit( function( e ) {
		var checklist = [];
		$(".check-item").each(function() {
		    checklist.push($(this).val());
		});
		var flag = true; 
		$.each(checklist, function(i, value) {
			if(value == ""){
				flag = false;
			}
    	});
        return flag;
    } );
});

ここに昨日作ったアラートを混ぜれば面白くなりそう!

■gaku様の一言
ふぅ〜。時間きっちり。。。仕事行ってきます(´・ω・`)