0

我是 js 的新手，我已经准备了一个使用 Angular JS 和 JQuery 的表单。代码如下：

<form id="frm1" onsubmit="return null()">
  <table>
    <tr>
      <td>First Name:</td>
      <td><input type="text" ng-model="fname" name="fname" required></td>
    </tr>
    <tr>
      <td>Last Name:</td>
      <td><input type="text" ng-model="Lname" required></td>
    </tr>
    <tr>
      <td>Email ID:</td>
      <td><input type="email" ng-model="mailid" required></td>
    </tr>
    <tr>
      <td>Password:</td>
      <td><input type="password" ng-model="pass" required></td><br/>
    </tr>
    <tr>
      <td>Confirm Password:</td>
      <td><input type="password" ng-model="Cpass" required></td>
    </tr>
    <tr>
      <td>Confirm Password:</td>
      <td><input type="password" ng-model="Cpass" required></td>
    </tr>
    <tr>
      <td>Address:</td>
      <td><textarea ng-model="address" required></textarea></td>
    </tr>
    <tr>
      <td><input type="button" value="reset" onclick="formReset()"></td>
      <td><input type="button" value="submit"></td>
      <td><input type="button" value="Close" onclick="formClose()"></td>
    </tr>
  </table>
</form>

上述形式的脚本如下：

<script type="text/javascript">
  $(document).ready(function(){
    $('a.button-submit').click(function() {
      $("#magic").show();
    });
  });  

  function formReset()
  {
    document.getElementById("frm1").reset();
  }

  function formClose()
  {
    $("#magic").hide();
  }

  function null()
  {
    var x=document.forms["frm1"]["fname"].value;
    if (x==null || x=="") 
    {
      alert("First name must be filled out");
      return false;
    }
  }
</script>

重置和关闭按钮工作得很好，但问题是提交按钮验证不能正常工作。现在我只是想验证 fname 字段，它对我不起作用。我无法弄清楚这件事的确切原因。任何人都可以尝试帮助我解决这个问题。

4

2 回答 2

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

} }); 验证插件

于 2013-10-12T06:19:25.043 回答
1

代码问题列表。

  1. 切勿使用 javascript 关键字命名变量或函数。在这种情况下null
  2. 要使onsubmit事件起作用，按钮的submit类型不应为。submitbutton
  3. 您已经有required字段，fname并且您仍在尝试验证它。
于 2013-10-12T06:22:02.037 回答