jQuery验证未应用jQuery HTML

jQuery验证未应用jQuery HTML,jquery,html,validation,Jquery,Html,Validation,我正在使用jQuery验证插件。它工作得很好,但没有应用jquery添加的html $("#search_form").validate({ rules: { "origin[]": "required", "destination[]": "required", "departure[]": "required", return_date: "required",

我正在使用jQuery验证插件。它工作得很好,但没有应用jquery添加的html

$("#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在新创建的输入字段上应用此验证