Javascript验证无法运行

时间:2015-08-28 09:13:55

标签: javascript forms validation

你好我试过javascript但它没有用,请帮我做这个工作,因为我真的需要它我们在家做的活动我需要这个来救我自己我的同学贬低我不是一个好的程序员但我喜欢编程。这是代码:

function validate() {
  var first = document.getElementById('fname').value;
  var second = document.getElementById('lname').value;
  var ck_password = /^[A-Za-z]+$/;
  if (first != ck_password.test(first)) {
    alert("Numeric characters only");
    return false;
  }
  return true;
}
<div class="wrapper">
    <form action="success.php" method="post" >
        <label for="fname">First Name</label>
        <input type="text" name="firstname" id="fname" required />
        <label for="lname">Last Name</label>
        <input type="text" name="lastname" id="lname" required />
        <label for="mob">Mobile</label>
        <input type="text" name="mobile" id="mob" required />
        <label for="ename">EmailAddress</label>
        <input type="text" name="email" id="ename" required />
        <label for="gen">Gender</label>
        <select name="gender" id="gen" required>
            <option value="">--Select Gender--</option>
            <option value="">Male</option>
            <option value="">Female</option>
        </select>
        <label for="add">Address</label>
        <input type="text" name="address" id="add" required />
        <label for="c">City</label>
        <input type="text" name="city" id="c" required/>
        <label for="s">State</label>
        <input type="text" name="state" id="s" required/>
        <input type="submit" name="Submit" value="submit"  onsubmit="return validate()"/>
    </form>
</div>

2 个答案:

答案 0 :(得分:1)

在我给你解决方案之前需要说一件事,你的问题格式不好,你必须写出问题的行为,不要相信你会经常找到人谁为你编码,这是一件容易的事,所以我会写它。

function validate(){
        var first=document.getElementById('fname').value;
        if(isNaN(first){
            alert("Numeric characters only");
            return false;
        }
    return true;
}

HTML

<input type="submit" name="Submit" value="submit" method="post" onsubmit="validate();">
    </form>
    </div>
</body>

答案 1 :(得分:0)

onsubmit适用于<form>元素,您应该这样做

<form action="success.php" method="post" onsubmit="return validate();">

您只需检查一下条件如下

 if(!ck_password.test(first)){ // true if numeric character given
       alert("Enter non-numeric characters only");
      return false;
 }

Demo