2

お問い合わせフォームの jQuery 検証を書くのに行き詰まっています。入力フォームに文字が含まれているかどうかをチェックする簡単なコードを書きました。文字がある場合は、引き続き PHP コードを実行し、メールを送信します。それ以外の場合は、エラー ボックスを表示して、お客様に再確認するよう伝えます。コードは次のとおりです。

    (function($){
       $('.required',$form).each(function(){
         var inputVal = $('form-element-name').val();
         var inputVal2 = $('form-element-email').val();

                if(inputVal == ''){
                    $('errorbox1').addClass('errormsg1');
                } 

                else if(inputVal2 == '') {
                    $('errorbox2').addclass('errormsg2');
                }
            }
     }

Inputval は名前の入力フィールドで、inputval2 は電子メールの入力フィールドです。さらに、Errorbox1 は空のコンテナーであり、errormsg1 は、errorbox1 にエラーを示す背景画像を与えるクラスになります。

ここに jsFiddle があります。

4

2 に答える 2

1

IDに基づいて要素を選択するjQueryセレクター（$('#form-element-name')代わりに必要です）からハッシュが欠落しているようです。$('form-element-name')

または-代わりにクラスで選択するドット。

次に、フォームのonsubmitイベント内にコードを配置するか、フォームの送信をキャンセルするためにreturn false;使用する必要があります。e.preventDefault();

$('#your-form-id').submit(function() {
    // if error then cancel form submission
});
于 2012-04-04T14:53:33.317 に答える
0

$('errorbox1')と$('errorbox2')

する必要があります

$('.errorbox1')$('.errorbox2')クラスセレクターの場合

また

$('#errorbox1')$('#errorbox2')IDセレクターの場合

errorbox1の前のドット/＃に注意してください。

以下は、クラスとIDセレクターへの参照です。

http://api.jquery.com/class-selector/

http://api.jquery.com/id-selector/

于 2012-04-04T14:53:13.443 に答える