2013-10-26 121 views
0

我要检查,如果表单字段已留空通过下面的代码:的JavaScript表单验证

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

但只检查输入框,我怎么能检查选择框,单选按钮,复选框?

+0

什么是 “空” 复选框?毫无疑问,这是一个有效的状态,可以用于大多数目的?无论如何,提示:就像你已经用'.value'属性获得文本输入的文本一样,你可以通过'.checked'属性获得复选框输入的状态。 – nnnnnn

+0

该表单没有任何单选按钮或复选框,您如何检查它们? – Barmar

+0

也许使用jquery-validate插件? http://jqueryvalidation.org/ – Barmar

回答

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> 
+0

我想检查选择菜单必须得到一个值,用户不能发送一个空值。 – Niloy

+0

感谢您指出@nnnnnn –

+0

@bindiya Patoliya NNNNN KH RHA^h frm.name.value KO空圭本身检查木屋。 – 2013-10-26 10:48:53

0
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 [email protected]" 
} 

}}); Validate Plugin Document