проверка с использованием jquery - PullRequest
Новая
       1

проверка с использованием jquery

0 голосов
/ 06 апреля 2010

Я пытаюсь проверить HTML-страницу, используя jquery, но ничего не происходит это простая страница, но текстовые поля не проверены.

это код: 

<link rel="stylesheet" type="text/css" href="style.css" /> 
<script type="text/javascript" src="~/jquery.js/"></script>
<script type="text/javascript" src="~/jquery-validate/jquery.validate.js/"></script>
<script type="text/javascript">
  $(document).ready(function(){
    var validator = $("#submitForm").validate({
            debug: true,
            rules: {
                author: "required",
                quote: "required"
            },
            messages: {
                author: "Name of Author required"
                quote: "Please enter Quote"
            },
            errorPlacement: function(error, element) {
                error.appendTo( element.parent().top() );
            }
      );
  });
  </script>

<body>

<div class="container">
<div class="center_div">
<h2>Submit Your Quote</h2>
<fieldset>
<form id="submitForm" action="qinsert.php" method="post">
<div class="error" style="display:none"></div>
<div class="field">
<label>Author: </label>
<input name="author" type="text" class="required" minLength=3>
<span class="error"></span>
</div><br />
<div class="field">
<label>Quote: </label>
<textarea name="quote" cols=22 class="required" minLength=5></textarea>
<span class="error"></span>
<br />
</div>
<input id="button1" type="submit" value="Submit" class="submit" /><br />
<input id="button2" type="reset" value="Reset" /> 
</form>
</fieldset>
</div>
</div>

что не так с кодом? спасибо!

Ответы [ 3 ]

1 голос
/ 06 апреля 2010

Я раньше не использовал плагин проверки jquery, но здесь явно отсутствует запятая: 

messages: 
{
            author: "Name of Author required",
            quote: "Please enter Quote"
},

У меня нет этого плагина вручную, поэтому я не могу получить пример работающего кода сейчас.

Лично я чувствую, что декларативный способ проверки более привлекателен для меня, что означает, что вместо того, чтобы помещать требования проверки прямо в ваш код JavaScript, вы можете декларативно пометить их в HTML. Затем механизм проверки будет проверять каждое обязательное поле и т. Д.

Если это звучит разумно для вас, тогда я рекомендую другой плагин проверки: Встроенная проверка jQuery

1 голос
/ 06 апреля 2010

Просто беглый взгляд, похоже, что в вашем javascript отсутствует пробел '}. Я думаю, вы не закрываете валидацию ({правильно. Попробуйте добавить скобку} перед собой); после функции errorPlacement. 

  $(document).ready(function(){ 
var validator = $("#submitForm").validate({ 
        debug: true, 
        rules: { 
            author: "required", 
            quote: "required" 
        }, 
        messages: { 
            author: "Name of Author required" 
            quote: "Please enter Quote" 
        }, 
        errorPlacement: function(error, element) { 
            error.appendTo( element.parent().top() ); 
        } 
  }); 
  });
0 голосов
/ 06 апреля 2010

Проверьте путь к вашим библиотекам jQuery. Находиться в каталоге с именем ~ и суффиксом / кажется маловероятным. Если они находятся в одном каталоге, правильный синтаксис: 

<script type="text/javascript" src="jquery.js"></script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...