Javascript Jquery验证提交程序无法从Jquery UI对话框工作
好的-我有一个使用jQueryUI模式对话框的模式对话框表单,对话框按钮应该提交表单 单击Add Utility按钮时,将调用form.submit操作,但不会调用invalidHandler、submitHandler或notNone方法。表单也从未提交到Web服务,因此它不像是跳过验证部分 如果您能帮助您找出验证未运行的原因,我们将不胜感激!谢谢 Javascript: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
$(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