基本的なjQuery連絡先フォームの問題

Question

連絡先フォームの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に背景画像のエラーを通知するクラスになります。

Here is a jsFiddle。

Answer 1

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

は

$('.errorbox1')と$('.errorbox2')する必要がある場合クラスセレクタ

又は

$('#errorbox1')と$('#errorbox2')場合errorbox1前IDセレクタ

注ドット/＃ 。以下は

あなたはjQueryのセレクタからハッシュを欠けているように見えます

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

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

Answer 2

、クラスおよびIDセレクタへの参照である - あなたの代わりに$('form-element-name')の$('#form-element-name')を持つべきである - これ意志そのIDに基づいて要素を選択します。

それとも - ドットではなく、クラスによって選択します。

フォームのonsubmitイベントにコードを入れてからreturn false;を入力するか、e.preventDefault();を使用してフォームの送信をキャンセルする必要があります。