jQuery验证未应用jQuery HTML
我正在使用jQuery验证插件。它工作得很好,但没有应用jquery添加的htmljQuery验证未应用jQuery HTML,jquery,html,validation,Jquery,Html,Validation,我正在使用jQuery验证插件。它工作得很好,但没有应用jquery添加的html $("#search_form").validate({ rules: { "origin[]": "required", "destination[]": "required", "departure[]": "required", return_date: "required",
$("#search_form").validate({
rules: {
"origin[]": "required",
"destination[]": "required",
"departure[]": "required",
return_date: "required",
"origin[]": {
required: true
},
"destination[]": {
required: true
},
"departure[]": {
required: true
},
return_date : {
required: true
}
},
messages: {
"origin[]": "required",
"destination[]": "required",
"departure[]": "required",
return_date: "required"
},
errorElement: "em",
errorPlacement: function (error, element) {
error.addClass("help-block");
element.parents(".input-group").addClass("has-feedback");
if (!element.next("span")[ 0 ]) {
$("<span class='glyphicon glyphicon-remove form-control-feedback'></span>").insertAfter(element);
}
},
success: function (label, element) {
if (!$(element).next("span")[ 0 ]) {
$("<span class='glyphicon glyphicon-ok form-control-feedback'></span>").insertAfter($(element));
}
},
highlight: function (element, errorClass, validClass) {
$(element).parents(".input-group").addClass("has-error").removeClass("has-success");
$(element).next("span").addClass("glyphicon-remove").removeClass("glyphicon-ok");
},
unhighlight: function (element, errorClass, validClass) {
$(element).parents(".input-group").addClass("has-success").removeClass("has-error");
$(element).next("span").addClass("glyphicon-ok").removeClass("glyphicon-remove");
},
submitHandler: function (form) {
form.submit();
}
});
$(“#搜索表格”)。验证({
规则:{
“来源[]”:“必需”,
“目的地[]”:“必需”,
“出发[]”:“必需”,
返回日期:“必需”,
“来源[]”:{
必填项:true
},
“目的地[]”:{
必填项:true
},
“出发[]”:{
必填项:true
},
返回日期:{
必填项:true
}
},
信息:{
“来源[]”:“必需”,
“目的地[]”:“必需”,
“出发[]”:“必需”,
返回日期:“必需”
},
错误元素:“em”,
errorPlacement:函数(错误,元素){
错误。addClass(“帮助块”);
element.parents(“.input group”).addClass(“has feedback”);
如果(!element.next(“span”)[0]){
$(“”)。插入后面的(元素);
}
},
成功:功能(标签、元素){
if(!$(元素).next(“span”)[0]){
$(“”)之后插入($(元素));
}
},
突出显示:函数(元素、errorClass、validClass){
$(元素).parents(“.input group”).addClass(“有错误”).removeClass(“有成功”);
$(元素).next(“span”).addClass(“glyphicon移除”).removeClass(“glyphicon确定”);
},
取消高亮显示:函数(元素、errorClass、validClass){
$(element).parents(“.input group”).addClass(“has success”).removeClass(“has error”);
$(元素).next(“span”).addClass(“glyphicon ok”).removeClass(“glyphicon移除”);
},
submitHandler:函数(表单){
表单提交();
}
});
当我使用jQuery在表单中添加输入字段时,jQuery验证不会应用于该字段。如何使用jQuery在新创建的输入字段上应用此验证