Javascript Jquery验证提交程序无法从Jquery UI对话框工作

Javascript Jquery验证提交程序无法从Jquery UI对话框工作,javascript,jquery,jquery-validate,jquery-ui-dialog,Javascript,Jquery,Jquery Validate,Jquery Ui Dialog,好的-我有一个使用jQueryUI模式对话框的模式对话框表单,对话框按钮应该提交表单 单击Add Utility按钮时,将调用form.submit操作,但不会调用invalidHandler、submitHandler或notNone方法。表单也从未提交到Web服务,因此它不像是跳过验证部分 如果您能帮助您找出验证未运行的原因,我们将不胜感激!谢谢 Javascript: $(document).ready(function () { $.validator.addMethod('n

好的-我有一个使用jQueryUI模式对话框的模式对话框表单,对话框按钮应该提交表单

单击Add Utility按钮时,将调用form.submit操作,但不会调用invalidHandler、submitHandler或notNone方法。表单也从未提交到Web服务,因此它不像是跳过验证部分

如果您能帮助您找出验证未运行的原因,我们将不胜感激!谢谢

Javascript:

$(document).ready(function () {
     $.validator.addMethod('notNone', 
                          function (value, element) { return (value != 'none');}, 
                          'Please select an option.');
    $("#modal-form-addUtility").validate({
        errorContainer: "#errorblock-div1, #errorblock-div2",
        errorLabelContainer: "#errorblock-div2 ul",
        wrapper: "li",
        rules: {
             utilitySelectComboBox: {
                notNone: true
            }
        },
        invalidHandler: submitHandler: function (form) {
            alert("Invalid");
        },
        submitHandler: function (form) {
            alert("Submitted");
        }
    });
     $('#AddUtility').click(function () {
        $("#AddUtilityDialog").dialog("open");
    });
     $("#AddUtilityDialog").dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: true,

        buttons: {
            "Add Utility": function () { $("#modal-form-addUtility").submit(); },
            Cancel: function () {
                $("#modal-form-addUtility").resetForm();
                $(this).dialog("close");
            }
        }
    });
});
HTML代码:

<input type="button" id="AddUtility" name="AddUtility" value="Add"/>
<div id="AddUtilityDialog" class="ui-widget" title="Add New Utility">
    <div class="ui-widget ui-helper-hidden" id="errorblock-div1">
        <div class="ui-state-error ui-corner-all" style="padding: 0pt 0.7em;" id="errorblock-div2" style="display:none;"> 
            <p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: 0.3em;"></span> 
                         <strong>Alert:</strong> Errors detected!</p>
            <ul></ul>
        </div>
    </div>

    <form action="/TextManager.svc/AddUtility" name="modal-form-addUtility" id="modal-form-addUtility" method="POST">
        <fieldset>
            <label>Select Utility </label>
            <select id="utilitySelectComboBox">   
                <option value="none">Select one...</option>
                <option value="5506">PEE DEE Electric - 5506</option>
                <option value="5505">Mower County Electric - 5505</option>    
            </select>
        </fieldset>
    </form>
</div>


警报:检测到错误

    选择实用程序 选择一个。。。 比迪电气-5506 割草机县电气-5505