javascript - Jquery の空フィールドの検証

Question

空のフィールドでフォームを送信すると、ダイアログ ボックスに成功メッセージが表示されます。代わりに、ダイアログ ボックスにエラー メッセージを表示したいと考えています。解決策を見つけるのを手伝ってください。

私のhtmlコード:

<form id="booking" action="" method="post">
  First Name:<input type="text" id="firstName" name="firstName" maxlength="30" /><br/>
  Last Name:<input type="text" id="lastName" name="lastName" maxlength="30"/><br/>
  Contact:<input type="text" id="contact" name="contact" maxlength="15"/><br/>
  Email: <input type="text" id="email" name="email" maxlength="30"/><br/>
  <input id="save" type="button" value="Save" />
  </form>
  <div id="dialog"></div>

Jクエリコード:

 $('#save').click(function(){
    if(('#firstName').length==0 && ('#lastName').length==0 && ('#contact').length==0 &&   ('#email').length==0){
     $('#dialog').attr('title','Error').text('All fields are required').dialog();
     }else{
     $('#dialog').attr('title','Success').text('Success').dialog();
     }
    });

Answer 1

if条件ではORである必要があり、選択した要素の値を取得して空かどうかを確認するために||使用できます。[val()][1]

$jqueryセレクターで見逃した

if(('#firstName').val()==""
---^--- //here missing $

これを試して

$('#save').click(function(){
  if($('#firstName').val()=='' || $('#lastName').val()=='' || $('#contact').val()=='' ||  $('#email').val==''){
     $('#dialog').attr('title','Error').text('All fields are required').dialog();
  }else{
    $('#dialog').attr('title','Success').text('Success').dialog();
  }
});