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

前回のプログラムの続き。
必須項目に入力されていない場合、「必須入力です」と出力するプログラムです。
以下コード

//入力チェックを行うJS
//formでclass="check-form"
//チェックしたいinputでclass="check-item"
//エラー時に出力したいメッセージでclass="accessibility-option"
$(function(){
　$(".accessibility-option").css("display", "none");
　$('.check-form').submit( function( e ) {
　	$(".accessibility-option").css("display", "none");
　	var flag = true; 
　	$(".check-item").each(function() {
　		if($(this).val() == ""){
　			$(this).prev(".accessibility-option").css("display", "inline");
　			flag = false;
　		}
　	});

 　     return flag;
　} );
});

formの指定、inputの指定は前回と同じ
出力させたい部分でclass="accessibility-option"と入力してあげれば使えます。

こんな感じ

<span class="accessibility-option">必須入力です。</span>

でこんな感じになる

submitしたら出てくる(´・ω・｀)

■gaku様のひとこと
CSSがあまりうまく記述できないので、最初冗長な書き方になってた。
$(this).prev(".accessibility-option")
ここの一文に１時間かけた感じ。
まぁ、やりたいことは出来たけど糞こーどですな(´・ω・｀)
まぁいいや(´・ω・｀)