Пример правильной процедуры проверки JQuery

Следующая форма HTML успешно использует проверку формы jQuery, отображая «Это поле обязательно» справа от поля формы, если оно оставлено пустым, и «Введите не менее двух символов», если осталось менее 2 символов были введены. Однако вместо метаданных проверки, заданных с помощью атрибутов class и minlength в поле ввода формы «cname», я хотел бы использовать API правил «jQuery», где правила указаны в теле функции проверки. Заранее спасибо:Пример правильной процедуры проверки JQuery

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
        "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
    <script src="/lib/js/jquery.js"></script> 
    <script src="/lib/js/jquery.validate.js"></script> 
    <script> 
    $(document).ready(function(){$("#commentForm").validate(
    /* 
    rules/messages here 
    */ 
    );} 
    ); 
    </script> 
</head> 
<body> 

<form id="commentForm" method="get" action=""> 
<fieldset> 
    <legend>A simple comment form with submit validation and default messages</legend> 
    <p> 
    <label for="cname">Name</label> 
    <em>*</em><input id="cname" name="name" size="25" class="required" minlength="2" /> 
    </p> 
    <p> 
    <input class="submit" type="submit" value="Submit"/> 
    </p> 
</fieldset> 
</form> 
</body> 
</html>

источник

2009-03-16 George Jempty

Это было очень полезно – Mike

Закрытие вопроса было «сомнительным» –

Извините, если голосование для повторного открытия моего вопроса кажется эгоистичным. Я отменит свой голос, если я получу новый «платиновый» значок для того, чтобы задать вопрос, который закрылся, но тем не менее получает 100 тыс. Просмотров (менее 12 тыс. Просмотров, начиная с июля 2013 года). Даже если этот вопрос не получит больше ответов, я не думаю, что это должно быть «клеймо» в закрытом вопросе. –

Примеры, содержащиеся в this blog post, делают трюк.

источник

2009-03-16 15:00:59

Я проактивен и добавляю ссылку на статью, заархивированную на web.archive.org, если исходная ссылка когда-либо умирает: http://web.archive.org/web/20120108075037/http://www.raymondcamden.com/index.cfm/2009/ 2/10/An-Introduction-to-jQuery-and-Form-Validation-2 –

Вы должны очистить эту ссылку только от ответа. – paqogomez

rules: { 
    cname: { 
     required: true, 
     minlength: 2 
    } 
}, 
messages: { 
    cname: { 
     required: "<li>Please enter a name.</li>", 
     minlength: "<li>Your name is not long enough.</li>" 
    } 
}

источник

2009-03-16 13:17:35 Ayo

Привет, я ценю ваши усилия. Однако я не смог заставить его работать. Я на самом деле пробовал что-то вроде этого несколько раз раньше, поэтому я разместил здесь на SO. Редактируем исходный вопрос, чтобы указать местоположение файлов HTML, которые я загрузил на один из моих сайтов. –

Хорошо, в конце блока правил должно быть запятая, перед блоком сообщений и фигурные скобки вокруг обоих блоков. Это исправляет простые ошибки Javascript, и я обновил файл HTML-2 в Интернете, но проверка еще не сработала :(Я уверен, что это просто, просто нужно пройти мимо этого –

$("#commentForm").validate({ 
    rules: { 
    cname : { required : true, minlength: 2 } 
    } 
});

Должно быть что-то подобное, я только что напечатали это в редакторе вот так может быть ошибка синтаксиса или два, но вы должны быть в состоянии следовать рисунок и documentation

источник

2009-03-16 13:22:15 ChadT

Вход в разметке отсутствует "type", вход (текст, который я предполагаю) имеет атрибут name="name" и ID="cname", предоставленный код по Ayo вызывает ввод с именем «CNAME» *, где он должен быть «имя».

источник

2011-09-01 01:20:39

Пример правильной процедуры проверки JQuery

ответ

Смежные вопросы