2014-12-10 14 views
0

Был поиск способа убедиться, что определенный вход (zipcode) имеет только 5 символов (не более или менее). Я нашел здесь одно решение, написанное в JS, но мне нужно его в JQueryубедитесь, что вход имеет только 5 символов.

У меня есть это до сих пор, но, похоже, не работает, любая помощь будет замечательной. спасибо заранее - Дэйв

// HTML

<input name="propzip" type="text" required="required" id="propZip" maxlength="5" placeholder="Property Zip*" /> 

// SCRIPT

var numbers = /^\d{5}$/; 

$('#propZip').blur(function(){ 

if ($('#propZip').val().length===numbers){ 

       alert('field ok'); 

      } else { 
       alert('Please check zipcode.'); 
      } 
}); 
+4

JQuery _is_ Javascript - вы можете уточнить, что именно вам нужно? –

+3

вы используете цифры как шаблон. Просто измените значение 'numbers' на 5, а не на шаблон. – vaso123

+0

@lolka_bolka Может быть, он хочет проверить, что вход имеет ровно * пять цифр цифр *? –

ответ

0

Вы можете использовать шаблон как регулярное выражение. Вы ищете функции match

var pattern = /^\d{5}$/; 

    $('#propZip').blur(function() { 
     if ($('#propZip').val().match(pattern)) { 
      alert('field ok'); 
     } else { 
      alert('Please check zipcode.'); 
     } 
    }); 
+0

это отлично поработало для моей ситуации, спасибо за помощь. я знал, что мне нужен .match(), просто не был уверен, куда он пошел в коде – DEM

0

Просто измените переменные номера 5

numbers = 5

Если вход внутри формы, и вы хотите проверить ее перед подачей, вы можете просто использовать HTML5 вместо JavaScript, делать что-то вроде

<input name="propzip" type="text" required="required" pattern=".{5}" 
    id="propZip" placeholder="Property Zip*" title="Please, check the zipCode" /> 
+0

Просто FYI, используя '===', быстрее, чем '=='. Поэтому ваш последний вопрос не должен быть в вашем ответе (IMO). –

+0

@ Karl-AndréGagnon Я этого не знал. Я буду искать его. Но, в любом случае, я отредактировал ответ и удалил это. Спасибо. –

0
Something like this=?  

// HTML

<input type="text" name="" id="propZip" > 
<input type="button" name="" id="btn" value="click me"> 

// JQuery

 <script> 
     $(function(){ 
      $("#btn").click(function(){ 
       { 
       if($("#propZip").val().length > 5) { 
        alert("to long!") 
       }else{ 
        alert("gooooood size!"); 
       } 
      } 
      }) 

     }); 
    </script> 
Смежные вопросы