Почему я не могу использовать проверку jquery?

-2

Я использую jquery validate plugin, но следующий код не работает - все, что я вхожу в работу.Почему я не могу использовать проверку jquery?

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

«billtoFirstName» должно иметь от 2 до 5 символов и не должно проверяться при вводе более 5 или 1 символов. Я не получаю ошибок, и подача показывает, что все, что я вхожу, передается в submit. Я в тупике. Как я могу исправить это для проверки?

<!DOCTYPE html> 
    <html> 
    <head> 
     <title>TODO supply a title</title> 
     <meta charset="UTF-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
     <script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js">   </script> 
     <script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/additional-methods.min.js"></script> 
     <style> 
      #myTestForm{ 
       font-size:20px; 
       border-color:black; 
       border-style:solid;} 
      #orderContactFormButton{ 
       background-color: aqua; 
       float:right; 
       font-size: 14px; 
       font-weight:bold; 
      } 
      #orderContactBillTo{} 
     </style> 
<script> 
$(document).ready(function(){ 
$("#myTestForm").submit(function(event){// for testing on submit 
     event.preventDefault(); // stop form from submitting normally 
    var sv = $("#billToFirstName").val(); 
     alert(" submit button here first = " + sv); 
    });//submit 

//validation options 
    $("#myTestForm").validate({ 
     rules: { 
      billToFirstName:{ 
       required:true, 
       minlength: 2, 
       maxlength: 5 

      } 
     }, 
     messages: { 
      billToFirstName:{ 
      required:"Please enter your first name", 
       minlength: "At least two characters are required", 
       maxlength: "At most 5 characters are allowed" 

      } 
     } 

     });//validate options for myTestform 
});//document ready 
</script> 
    </head> 
<body> 
<form id ="myTestForm"> 
      <label for="billToFirstName" >First Name*:</label> 
      <input name ="biilToFirstName" id ="billToFirstName" size = 50> 
         <br> 
      <input id ="orderContactFormButton" type="submit" value="Submit"><br> 
     </form> 

</body> 
</html>

источник

2014-10-02 Ann Maybury

Что делать, если мой первый зовут Монтгомери, это нормально используйте Monty, чтобы не превышать пятизначный лимит? – adeneo

Благодарим вас с опозданием –

Существует опечатка:

<input name ="biilToFirstName" id ="billToFirstName" size = 50>

Просто исправить, и вы будете все ...

<input name="billToFirstName" id="billToFirstName">

источник

2014-10-02 19:33:35

Почему я не могу использовать проверку jquery?

ответ

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