Javascript jQuery验证等式在比较两个电子邮件地址时不起作用
我在下面有我的表格和验证代码。其他一切正常,但比较两个电子邮件地址不起作用。它给了我 未捕获的TypeError:无法读取未定义的属性“call” 下面是HTML代码和脚本。我使用的是bootstrap3Javascript jQuery验证等式在比较两个电子邮件地址时不起作用,javascript,jquery,html,validation,twitter-bootstrap,Javascript,Jquery,Html,Validation,Twitter Bootstrap,我在下面有我的表格和验证代码。其他一切正常,但比较两个电子邮件地址不起作用。它给了我 未捕获的TypeError:无法读取未定义的属性“call” 下面是HTML代码和脚本。我使用的是bootstrap3 <form class="form-horizontal" id="form" > <fieldset> <legend> Dealer Registration </legend>
<form class="form-horizontal" id="form" >
<fieldset>
<legend> Dealer Registration </legend>
<div class="form-group">
<label for="dealer_name" class="col-sm-2 control-label">Dealership Name</label>
<div class="col-sm-6">
<input type="text" class="form-control" id="dealer_name" name="dealer_name" placeholder="Dealership Name">
</div>
</div>
<div class="form-group">
<label for="street" class="col-sm-2 control-label">Address</label>
<div class="col-sm-3">
<input type="text" class="form-control" id="street" name="street" placeholder="Street number and Name">
</div>
</div>
<div class="form-group">
<label for="suburb" class="col-sm-2 control-label"></label>
<div class="col-sm-3">
<input type="text" class="form-control" id="suburb" name="suburb" placeholder="Suburb">
</div>
</div>
<div class="form-group">
<label for="state" class="col-sm-2 control-label"></label>
<div class="col-sm-3">
<input type="text" class="form-control" id="state" name="state" placeholder="State">
</div>
</div>
<div class="form-group">
<label for="postcode" class="col-sm-2 control-label"></label>
<div class="col-sm-2">
<input type="text" class="form-control" id="postcode" name="postcode" placeholder="Post Code">
</div>
</div>
<div class="form-group">
<label for="email1" class="col-sm-2 control-label">Email</label>
<div class="col-sm-4">
<input type="email" class="form-control" id="email1" name="email1" placeholder="Email">
</div>
</div>
<div class="form-group">
<label for="email2" class="col-sm-2 control-label">Confirm Email</label>
<div class="col-sm-4">
<input type="email" class="form-control" id="email2" name="email2" placeholder="Email">
</div>
</div>
<div class="form-group">
<label for="first_name" class="col-sm-2 control-label">Contact</label>
<div class="col-sm-4">
<input type="text" class="form-control" id="first_name" name="first_name" placeholder="First Name">
</div>
</div>
<div class="form-group">
<label for="last_name" class="col-sm-2 control-label"></label>
<div class="col-sm-4">
<input type="text" class="form-control" id="last_name" name="last_name" placeholder="Last Name">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-6">
<div class="checkbox">
<label>
<input type="checkbox"> Agree the terms and conditions (to do)
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-6">
<button type="submit" class="btn btn-default">Sign in</button>
</div>
</div>
</fieldset>
</form>
<script>
$(document).ready(function(){
$("form").validate({
rules: {
dealer_name:{
minlength: 3,
maxlength: 50,
required: true
},
street:{
minlength: 3,
required: true
},
suburb:{
minlength: 3,
required: true
},
state:{
minlength: 1,
required: true
},
postcode:{
minlength: 4,
maxlength: 4,
required: true
},
email1:{
minlength: 1,
required: true,
},
email2:{
minlength: 1,
required: true,
email1: {
equalTo: '#email2'
}
},
state:{
minlength: 1,
required: true
},
first_name:{
minlength: 1,
required: true
},
last_name:{
minlength: 1,
required: true
}
},
highlight: function (element) {
$(element).closest('.form-group').removeClass('has-success').addClass('has-error');
},
unhighlight: function (element) {
$(element).closest('.form-group').removeClass('has-error').addClass('has-success');
}
});
});
</script>
经销商注册
经销商名称
地址
电子邮件
确认电子邮件
接触
同意条款和条件(待办事项)
登录
$(文档).ready(函数(){
$(“表格”)。验证({
规则:{
经销商名称:{
最小长度:3,
最大长度:50,
必填项:true
},
街道:{
最小长度:3,
必填项:true
},
郊区:{
最小长度:3,
必填项:true
},
声明:{
最小长度:1,
必填项:true
},
邮政编码:{
最小长度:4,
最大长度:4,
必填项:true
},
电邮1:{
最小长度:1,
要求:正确,
},
电邮2:{
最小长度:1,
要求:正确,
电邮1:{
equalTo:“#电子邮件2”
}
},
声明:{
最小长度:1,
必填项:true
},
姓名:{
最小长度:1,
必填项:true
},
姓氏:{
最小长度:1,
必填项:true
}
},
亮点:功能(元素){
$(元素)。最近('.form group')。removeClass('has-success')。addClass('has-error');
},
取消高亮显示:功能(元素){
$(元素)。最近('.form group')。removeClass('has-error')。addClass('has-success');
}
});
});
有人能帮忙吗 应该是
email2:{
minlength: 1,
required: true,
equalTo: '#email1'
},
谢谢一切都好。我指的是一些不起作用的类似文章。