JavaScript的表单验证(JavaScript Form Validation)

我要检查，如果表单字段已留空通过下面的代码：

<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:

使用这样的方式。

    <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 2:

使用jQuery的表单验证它拥有你需要验证所有的东西

使用这个简单的例子http://www.jquery4u.com/forms/basic-jquery-form-validation-tutorial/

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"
}

}}）; 验证插件文件

文章来源: JavaScript Form Validation