javascript - 如何验证Spring表单:form's form:password with JQuery Validation?

标签 javascript jquery forms spring-mvc jquery-validate

我无法验证具有两个密码字段的 spring。

如果我从 form:password 更改为 input type="password"它开始工作,但是数据不会与 commandName 绑定(bind),并且我在 Controller 中收到 null。

    <form:form action="changepas" commandName="mypwd" method="post" id="cngpwdform">
<div>
<table>
<tr><td>Current Password</td>
<td><form:password id="curPass" name="curPass" path="pwd" /></td>
</tr><tr>
<td>New Password <td>
<form:password id="newPassword" name="newPassword" path="nwpass" /></td>
</tr><tr>
<td><input type="submit" value="Change Password" /></td>
</tr>
</form:form>

现在我们有了这个 JQuery 验证

$(document).ready(function() {
    $("#cngpwdform").validate({
        rules : {
            'curPass' : {
                required : true
            },
            'newPassword' : {
                required : true
            }
        }

    });

});

请告诉我一件事。

我有一些其他表单可以将数据与commandName完美绑定(bind),例如

,我在其中使用<input>标签,工作正常,但是要添加密码字段,我在 Controller 中得到空值。然后为了解决这个问题,我必须使用 < form : form > ,对于字段我必须使用 < form : password > 但 jQuery 不会验证它......你能感觉到这可能有什么问题吗?

按照 Sparky 的要求添加生成的 HTML: 我的上帝 !! name 属性出现两次,一次是我给出的名称,另一次是路径名称。

<form id="cngpwdform" action="changepas" method="post">
<div>
<table>
<tr>
<td>Current Password</td><td><input id="curPass" name="pwd" name="curPass" type="password" value=""/>
</td></tr>

<tr>
<td>New Password<td><input id="newPass" name="nwpass" name="newPass" type="password" value=""/>
</td></tr>

<tr>
<td><input type="submit" value="Change Password"/>

</td></tr>    

</form>

最佳答案

你能试试这个吗:

<form:password id="curPass" name="curPass" path="curPass" />

如果您查看渲染的 HTML 上的源代码,并且可能在 firebug 中为您的 jquery 验证函数放置一个断点,您会注意到验证没有被触发。

关于javascript - 如何验证Spring表单:form's form:password with JQuery Validation?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23682676/

相关文章:

javascript - 如何使用 JavaScript 返回多个搜索查询

javascript - 使用 Angular UI Router 从 URL 字符串获取状态

jQuery:如何删除 div 并将其放在其他地方?

javascript - 如何使用jquery从字符串中获取子字符串

javascript - Conditional slick-carousel 轮播设置

javascript - 使 HTML Canvas 适合屏幕

html - 将文件拖放到其中时,文件字段 "accept"属性无法正常工作

css - HTML5 中的移动网站在刷新之前不会拉取 CSS 文件

javascript - 建立并返回一系列返回的 promise

javascript - 为什么在这种情况下未定义 test.elem?