jquery.validation требуется не останавливая обратную передачу - PullRequest
Новая
       15

jquery.validation требуется не останавливая обратную передачу

0 голосов
/ 13 января 2012

Я использую проверку jQuery, чтобы попытаться удержать пользователя от повторной отправки сообщений, если он не соответствует нескольким требованиям. Но требуемая опция, похоже, не препятствует отправке формы ...

Вот jsFiddle с примером: jsFiddle

Я дважды проверил свой код jQuery, и казалось, что он работает. jsFiddle говорит, что это правильный код. Так я не уверен, что такое зависание?

Спасибо

1 Ответ

2 голосов
/ 13 января 2012

jQuery.validate использует имена для правил, а не идентификаторы. Поэтому замените идентификаторы именами в ваших полях ввода.

Также ваша форма должна быть <form id="temp1">, а не <form id="#temp">.

Вот ссылка на ваш фиксированный код : 

<form id="temp1">
    <input type="text" name="HospitalFinNumber"/> Hospital Fin<br/>
    <input type="text" name="DateOfBirth"/>Date of Birth<br/>
    <input type="text" name="AdmitDate"/>Admit Date<br/>
    <input type="text" name="Comment"/>Comment<br/>
    <input type="submit" value="Save" class="button" id="btClick"/>
</form>

и сценарий: 

$(document).ready(function () {
    $("#temp1").validate({
        rules: {
            HospitalFinNumber: {
                required: true,
                minlength: 6
            },
            DateOfBirth: {
                required: true
            },
            AdmitDate: {
                required: true
            },
            Comment: {
                required: function (element) {
                    return $(element).val().length < 4000;
                },
                maxlength: 4000
            }
        },
        messages: {
            HospitalFinNumber: 'Please Enter a Hospital Fin number',
            DateOfBirth: 'Please enter a valid Date Of Birth',
            AdmitDate: 'Please select an Admit Date',
            Comment: 'Why dont you stop attempting to put in more than 4000 characters?  Thanks...'
        }
    });
});
...