Problem with a submit input and jQuery validation

Question

I have a form like that:

 <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();" />
<% } %>

but that submit input always invokes a form submit, even if I return false in the JS code. Why ?

John Hartsock · Accepted Answer · 2010-11-08 15:27:52Z

2

you need to run onsubmit() not onclick()

Like this:

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

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

Note assign a form ID by doing this in your ASPX. here is a reference http://msdn.microsoft.com/en-us/library/dd492714.aspx

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

edited Nov 8, 2010 at 15:27

answered Nov 8, 2010 at 15:21

John Hartsock

87.1k23 gold badges135 silver badges146 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Josiah Ruddell · Accepted Answer · 2010-11-08 15:46:50Z

1

I believe you need to return the function result: instead of:

<input type="submit" id="sub_btn" value="Edit" onclick="checkpas();" />

use:

<input type="submit" id="sub_btn" value="Edit" onclick="return checkpas();" />

also in your function add an else return true;

answered Nov 8, 2010 at 15:46

Josiah Ruddell

29.9k8 gold badges68 silver badges68 bronze badges

Collectives™ on Stack Overflow

Problem with a submit input and jQuery validation

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related