2010-06-18 3 views
0

Я использую jquery-1.4.2 library и jquery.validate.js плагин для проверки очень простой формы. В головной части, я следующий код:

<script type="text/javascript" src="scripts/jquery-1.4.2.js"></script> 
<script type="text/javascript" src="scripts/jquery.validate.js"></script> 
<link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.2.custom.css"></link> 
<script type="text/javascript" src="scripts/jquery-ui-1.8.2.custom.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
    // date pickers 
    $('#birthdate').datepicker(); 
    $("#deliverydate").datepicker(); 

    //apply styles to buttons 
    $('input:button').button(); 

    // data validation 
    $("#createAnimalForm").validate({ 
     debug: true, 
     rules: { 
      weight: { 
       required: true 
      } 
     }, 
     messages: { 
      weight: { 
        required: "Please enter a numeric value for weight." 
        } 
     } 
    }); 

}); 
function createClicked(){ 
    $("#createAnimalForm").validate().form(); 
} 


</script> 

В разделе тела, я определил форму и в поле ввода, чтобы принимать значение веса. Код из тела выглядит следующим образом:

<form id="createAnimalForm"> 
<table cellpadding="5px"> 
<tr> 
    <td>Weight:</td> 
    <td><input type="text" name="weight" id="weight"></input>&nbsp;gms</td> 
</tr> 
<tr> 
    <td></td> 
    <td align="left"><input type="button" onclick="createClicked();" id="createButton" name="createButton" value="Create Animal"></td> 
</tr> 
</table> 
</form> 

Когда я загрузить страницу в браузере Firefox, я получаю следующее сообщение об ошибке в поджигатель:

$("#createAnimalForm").validate is not a function 

я искал в сети для немного, но не смог найти какое-либо решение для этого. Я думаю, что у меня есть библиотека jquery, расположенная в правильном месте, и кажется, что плагин jquery-validation совместим с jquery-1.4.2.

Любые идеи о том, что я делаю неправильно?

Thanks, Nikhil.

+0

Извините за этот вопрос, но вы уверены, что все, что находится на пути к плагину проверки правильности? Например, вы не используете сокращенную версию, не так ли? 'jquery.validate.js' – user113716

+0

эй Патрик, спасибо за ответ. Да, я использую jquery-1.4.2.js, а не мини-версию. – Nikhil

ответ

0

У вас не совсем правильно, когда вы настраиваете подтверждение. Попробуйте:

// data validation 
$("#createAnimalForm").validate({ 
    debug: true, 
    rules: { 
     weight: { 
      required: true 
     } 
    }, 
    messages: { 
      weight: { 
       required: "your message here" 
      } 
    } 
}); 

Затем используйте:

if ($('#createAnimalForm').validate().form()) { ... } 

Везде, где вы хотите, чтобы вызвать проверку.

+0

привет, программирование, спасибо за ваш вклад. Я не получаю никаких ошибок при загрузке страницы. Но, когда я пытаюсь проверить форму в функции createClicked(), я получаю ту же ошибку: – Nikhil

+0

Я обновил ответ, надеюсь, что новый материал помогает. – ProgrammingPope

0

Имеет ту же проблему; Validated HTML & Обнаружено, что мне не хватает атрибута name="email" от <input />. Всегда проверяйте HTML-код положительным ваш HTML-код действителен. После того, как я добавил его, validate() работал отлично.

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