为什么这个jQuery验证工作错误
Why is this jQuery validate working wrongly?
我有两个电子邮件字段:email1&email2.我希望两者都不同。出于某些原因,我将email1保持为只读,将email2保持为可编辑。下面是我的代码-
我的自定义验证器如下-
$.validator.addMethod("email_not_same", function(value, element) {
return $('#email1').val() != $('#email2').val();
}, "Both emails should not be same");
我的规则如下-
email1: {
required: true,
email: true,
},
email2: {
email: true,
email_not_same: true,
},
我的html代码如下:
<div class="form-group col-md-12">
<label><strong>Emails : </strong></label>
</div>
<div class="form-group col-md-6">
<input class="form-control" name="email1" placeholder="Email 1" type="email">
</div>
<div class="form-group col-md-6">
<input class="form-control" name="email2" placeholder="Email 2" type="email">
</div>
当我输入两个相同的电子邮件地址时;它根据我的规则显示消息。然而,在那之后,当我更改电子邮件2时,它仍然显示错误消息。请帮忙。
您正在使用jQuery选择器作为ID(#email1和#email2),但在HTML中没有指定ID属性,而是指定了"name"。添加id属性,然后重试。
<input class="form-control" id="email1" name="email1" placeholder="Email 1" type="email">
<input class="form-control" id="email2" name="email2" placeholder="Email 2" type="email">
您缺少电子邮件的id
属性:
<input class="form-control" id="email1" name="email1" placeholder="Email 1" type="email" />
<input class="form-control" id="email2" name="email2" placeholder="Email 2" type="email" />
但你在这里使用它们:
return $('#email1').val() != $('#email2').val();
正如其他两个答案所建议的那样,您正在选择器中查找Id
。您可以添加Id
或更改选择器以查找name
,如下所示:-
$.validator.addMethod("email_not_same", function(value, element) {
return $('[name="email1"]').val() != $('[name="email2"]').val();
}, "Both emails should not be same");
相关文章:
- dhtmlx多个调度器不工作错误”;调度程序未定义”;
- Javascript 确认框工作错误
- 变量中的类工作错误
- 为什么这个jQuery验证工作错误
- Cordova罗盘API(navigator.compass.watchHeading)不工作(错误代码3)
- Javascript不能在Chrome或IE9中工作-错误”;复选框未定义“;显示在FF JS控制台中
- JQuery UI对话框不能正常工作;错误信息“TypeError: undefined不是一个函数”
- Jquery/JS css动画在悬停时工作错误
- AngularJs Ng-Keypress事件工作错误
- Jquery 选择器不工作:错误:语法错误,无法识别的表达式:a[@href]
- 日期选择器范围工作错误
- 为什么我的Jquery Ajax请求不工作错误:未定义的索引:ProID
- 反应不工作.错误提示(index):13 Uncaught SyntaxError: Unexpected token
- 身份工具箱不工作-错误代码:IDP的错误响应
- jquery日期picker beforeShowDay工作错误的月份
- Javascript验证在c#中不工作(错误消息)
- 为什么?每个函数都工作错误
- 路由到api工作错误
- 子元素位置相对工作错误
- 从timeline2.6.1的例子不工作-错误链接是未定义的时间线代码0