Проверка формы JQuery

Question

Какой наилучший способ JQuery обеспечить заполнение всех полей ввода с атрибутом «обязательный»

Answer 1

Используйте метод .filter(), чтобы проверить значение каждого и затем проверить свойство длины результата:

var incomplete = $("input[required]").filter(function () {
    return this.value === "";
});
if (incomplete.length) {
    alert("Please fill in all the required fields");
}

Обратите внимание, что атрибут с именем required сделает ваш HTML недействительным. Однако data-required будет правильным HTML5, или вы можете просто дать им всем класс и использовать его как селектор (что также будет более эффективным).

Вы также можете использовать один из плагинов проверки: http://google.com/search?q=jquery+validation.

Answer 2

Лучший плагин для проверки JQuery: http://bassistance.de/jquery-plugins/jquery-plugin-validation/

(по крайней мере тот, который я использую и чувствую себя наиболее комфортно)

Answer 3

valijate плагин может помочь вам. он использует атрибуты «data-xxxx» для валидации. Вот Руководство по проверке формы .

Answer 4

Проверьте этот простой плагин jQuery

http://suraj -mahajan.github.io / Validate-In-Grid-Controls /

Answer 5

Просто добавьте два атрибута в конце ваших input тегов:
required="required" js-name="name_to_be_displayed"

<script language="javascript" src="jquery.min.js"></script>
<script language="javascript" type="application/javascript">
$(function (){
    $("#submit").click(function (){
        $('input').each(function(index, value) {
            var attb = $(this).attr('required');
            var value = $(this).val();

            if (attb == "required" && value == "") {
                alert($(this).attr('js-name') + " " + 'value required');
                $(this).focus();
                return false;
            }
        });
    });
});
</script>
<form action="index.php" method="post" enctype="multipart/form-data" target="_self">
<label> Name:   
<input name="Name:" type="text" size="60" maxlength="60" required="required" js-name="Name" />
</label>
<br />
<label>Email:
<input name="Email:" type="email" value="" size="60" required="required" js-name="Email" />
</label>
<br />
<label>Phone:
<input name="Phone" type="text" size="60" required="required" js-name="Phone" /> 
</label>
<br />
<label>Country:
<input name="Country" type="text" size="60" required="required" js-name="Country" />
</label>
<br />
<input name="Submit" type="submit" id="submit" value="Submit" />
</form>

Answer 6

Вы также можете попробовать плагин bValidator (http://code.google.com/p/bvalidator/) для проверки формы

Answer 7

Существует также плагин 'valididty', о котором стоит упомянуть и который проще использовать IMO, чем плагин проверки.

http://validity.thatscaptaintoyou.com/

Answer 8

Для справки: Проверка jQuery

Например: веб-ссылка

Answer 9

Попробуйте это:

http://speckyboy.com/2009/12/17/10-useful-jquery-form-validation-techniques-and-tutorials-2/

Answer 10

Вы можете попробовать использовать плагин проверки jquery:

http://docs.jquery.com/Plugins/validation