javascript - JavaScript フォームの検証

Question

次のコードでフォーム フィールドが空のままになっているかどうかを確認したい:

<script>

   function validateForm()
   {
       var x=document.forms["myForm"]["name"].value;
       if (x==null || x=="")
         {
            alert(" Name Required* ");
            return false;
         }
    }

</script>

<form action="register2.php" method="POST" id="myForm" onsubmit="return validateForm()" >
<input type="text" name="name"/>
</form>

しかし、それは入力ボックスをチェックするだけですが、選択ボックス、ラジオボタン、チェックボックスをチェックするにはどうすればよいですか?

Answer 1

jQueryフォーム検証を使用すると、検証する必要があるすべてのものがあります

この簡単な例を使用して ください http://www.jquery4u.com/forms/basic-jquery-form-validation-tutorial/

Answer 2

このように使います。

    <script>
          function validateForm(frm)
          {

             if (frm.name.value == "")
             {
                 alert(" Name Required* ");
                 return false;
             }
            if(frm.country.value == 'select')
            {
                 alert(" Please select country ");
                 return false;
            }
         }
    </script>

             <form action="register2.php" method="POST" id="myForm" onsubmit="return validateForm(this)" >
               <input type="text" name="name"/>
             <select name="country">
                  <option value="select">(Please select a country)</option>
                  <option value="pk">Pakistan</option>
                  <option value="chn">China</option>
             </select>
             </form>

Answer 3

Dude, Use Validate Plugin for Validation

Example:
    $(".selector").validate({
  rules: {
 // simple rule, converted to {required:true}
 name: "required",
 // compound rule
 email: {
  required: true,
email: true
 }
   }
},
messages: {
 name: "Please specify your name",
  email: {
required: "We need your email address to contact you",
email: "Your email address must be in the format of name@domain.com"
}

} }); プラグイン ドキュメントの検証