如何使用jQuery验证jsp密码字段?

时间:2014-01-06 18:36:49

标签: jquery jsp struts2-jquery

我想检查(进入jsp页面)是否有password1&的值password2是否相等。如果它们不相等,它将保持在同一页面上。否则会更新。我可以做所有事情,但如果密码不相同,我无法使表单保持在同一页面上。我试过的代码如下:

  • 这里,action是一个struts2动作,定义为struts.xml文件

表格代码:

<form id="form1" method="post"  action="saveUpdatePassword">
    Password:         <s:password name="password1" id="password1" />
    Re-type password: <s:password name="password2" id="password2" />
                      <input type="submit" id="sumbitButton" value="Update" />
</form>

和jQuery脚本代码:

$(function() {
    $("#sumbitButton").click(function() {
        if ($("#password1").val() != $("#password2").val()) {
            alert("Not equal");
        }           
    });
});

如果密码不匹配,您能告诉我如何让表单停留在同一页面上吗?并提供用户再次输入密码?

2 个答案:

答案 0 :(得分:0)

您正在寻找event.preventDefault()

$(function() {
    $("#sumbitButton").click(function(event) {
        if ($("#password1").val() != $("#password2").val()) {
            alert("Not equal");
            event.preventDefault();
        }           
    });
});

请注意传递给点击处理程序的event参数。

http://api.jquery.com/event.preventdefault/

答案 1 :(得分:0)

如果结果为false,则只返回false,这将阻止表单发布。

$(function() {
        $("#sumbitButton").click(function() {
            if ($("#password1").val() != $("#password2").val()) {
                alert("Not equal");
                return false;
            }           
        });
    });

编辑:密码修改成功后

var wnd = window.open(blah,blah,blah . . . . .)

您可以将窗口关闭为wnd.close();