javascript - 提交输入和 jQuery 验证的问题

Question

我有一个这样的表格:

 <script type="text/javascript">
    function checkpas() 
    {
        var newp = $('#NewPassword').val();
        var newpp = $('#RepeatedNewPassword').val();

        if (newp != newpp) 
        {
            return false;
        }
    }
  </script>

<% using (Html.BeginForm()) {%>
    <%: Html.ValidationSummary(true) %>
         ...
    <input type="submit" id="sub_btn" value="Edit" onclick="checkpas();" />
<% } %>

但是提交输入总是调用表单提交，即使我在 JS 代码中返回 false。为什么？

Answer 1

您需要运行 onsubmit() 而不是 onclick()

像这样:

 <script type="text/javascript">
    $("#yourformID").submit(function (evt)
    {
        var newp = $('#NewPassword').val();
        var newpp = $('#RepeatedNewPassword').val();

        if (newp != newpp) 
        {
            return false;
        }
    }
  </script>

请注意，通过在 ASPX 中执行此操作来分配表单 ID。这是引用http://msdn.microsoft.com/en-us/library/dd492714.aspx

<% using (Html.BeginForm("ActionName", "ControllerName", Method, new {id="myFormID")})) {%>