2013-03-11 3 views
0

У меня проблема, и я не делаю то, что делаю неправильно, так как я следую нескольким примерам, и никто из них не работал, я не получаю никакой ошибки, никакого сигнала, ничего, может быть, кто-то может помочь мнепроверка формы с помощью jquery-validate.js

Вот мой код HTML:

<form id="contact" method="post" action="#"> 
       <fieldset> 
        <label for="name">NAME</label> 
        <input type="text" class="required input-xlarge" id="name-contact" name="name-contact" value="" placeholder="" minlength="2"> 

Jquery:

$("#contact").validate({ 
     rules: { 
       "name-contact":{ 
        required: true 
       } 
     }, 
     messages: { 
      "name-contact": { 
       required: "Please, enter a name" 
      } 
     } 

    }); 

это второй раз, когда я пытался использовать этот плагин, потому что выглядит очень просто, это hasn т для меня Заранее спасибо

+0

[Вы опубликовали рабочий код] (http://jsfiddle.net/NP8sS). Вы получаете ошибки JavaScript? Вы не забыли включить плагин? Это должно произойти после того, как вы включили jQuery. – Sparky

+0

Это совсем не работает для меня – paoloi

+0

Снова спрашиваю, вы получаете ошибки JavaScript ?. – Sparky

ответ

1

код Вы разместили работает отлично, как вы можете увидеть здесь:

http://jsfiddle.net/NP8sS/


Некоторые заметки, однако только первый item может полностью перерыв:


1) Возможно, вы забыли включить jQuery и/или jQuery Validate plugin. Посмотрите на левую панель jsFiddle в разделе «Рамки» и «Внешние ресурсы». Вы получаете ошибки JavaScript?

Вы должны иметь две линии, в таком порядке, в котором src содержит правильный URL в месте, где вы разместили эти файлы:

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery.validate.js"></script> 

2) Вы указали правил в двух местах. У вас есть правило required внутри .validate() и правило minlength внутри элемента name-contact. Может быть более последовательным и положить их вместе, вместо этого:

http://jsfiddle.net/NP8sS/1/

rules: { 
    "name-contact": { 
     required: true, 
     minlength: 2 
    } 
}, 

3) Ваш атрибут for в вашем <label> содержит недопустимый name. Должно быть:

<label for="name-contact">NAME</label> 

4) Вы не закроете <form>. Вам нужно положить тег </form> в конец.

+0

Вы правы, спасибо за ответ, но я не вижу сообщения об ошибке, спрашивающего меня о имени, как в файле jsfiddle, не знаю, что я делаю неправильно – paoloi

+0

@paoloi, так как я не вижу вашу страницу, как еще я могу помочь ты? Вы правильно «включили» сценарии? Вы получаете какие-либо ошибки консоли JavaScript? В вашем OP также отсутствует тег ''. – Sparky

+0

@paoloi, опять же, как я узнаю, что это хорошие URL-адреса? У вас также есть 'type =" text/javascript "' в одном, но не в обоих. И отказ от 'http:' не работает, если ваша страница тестируется локально. – Sparky