jQuery Validation Plugin - Показать пользовательское сообщение - PullRequest
Новая
       11

jQuery Validation Plugin - Показать пользовательское сообщение

0 голосов
/ 02 ноября 2010

Я работаю над использованием плагина проверки jQuery для формы ... см. Полный код ниже. В то время как ниже проверяется, требуется ли имя проекта, но он не проверяет длину и разрешает отправку. Видите что-нибудь не так? 

<form method="post" id="new_space" data-remote="true" class="new_space" action="/spaces" accept-charset="UTF-8">
          <label for="space_name">Name</label><br>
          <input type="text" size="30" name="space[name]" id="space_name" class="text_field">
</form>

<script type="text/javascript">
$(document).ready(function () {
    $("#new_space").validate({
        errorLabelContainer: "#ui-dialog-errors",
        wrapper: "p",
        errorClass: "error",
        invalidHandler: function() {
            $("#ui-dialog-errors").hide().fadeIn();
        },
        rules: {
            "space[name]":{required: true, minLength: 4}
        },
        messages: {
            "space[name]":{ required: "Project Name required!", minLength: "Project Name's need 4+ characters" }
        }
    });
});
</script>

1 Ответ

1 голос
/ 02 ноября 2010

Изменение minLength на minlength (со строчной буквой "l") должно исправить это.

Для вашего второго вопроса, предполагая, что form_submit является id вашей кнопки отправки,это должно сделать трюк: 

// Disable the submit button when first loaded
$("#form_submit").attr("disabled", "disabled");
$("input").change(function() {
    // Check if the form validates
    if($("#new_space").valid()) {
        // Enable the button
        $("#form_submit").removeAttr("disabled");
    }
});

См. это на JSFiddle .

...