Проверка Jquery submitHandler не работает из диалогового окна Jquery UI - PullRequest
Новая
       20

Проверка Jquery submitHandler не работает из диалогового окна Jquery UI

1 голос
/ 14 декабря 2011

Хорошо - у меня есть модальная диалоговая форма, использующая модальное диалоговое окно jquery-ui, и диалоговые кнопки должны отправлять форму.

Когда нажата кнопка «Добавить утилиту», действие form.submitвызван, но ни один из методов invalidHandler, submitHandler или notNone никогда не вызывается.Форма также никогда не отправляется в веб-службу, поэтому она не пропускает часть проверки.

Любая помощь, чтобы выяснить, почему проверка не выполняется, будет принята с благодарностью!Спасибо!

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>
...