2013-07-29 2 views
1

Используя плагин проверки jQuery bassistance.de, проверка не всегда работает, особенно когда исходный вход, который был первоначально проверен, имеет свои значения.bassistance jQuery Ошибки проверки валидации

Форма передаст проверку с отсутствующим вводом, а следующая ошибка также будет видна в консоли JS.

Ошибка

enter image description here

JQuery Lib

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/additional-methods.js"></script> 

Форма

<form id="payment-form" class="payment-form" method="POST" action="/checkout-process"> 
    <fieldset> 
     <legend>Customer Info</legend> 
     <label>Full Name</label> 
     <input type="text" name="first_name" placeholder="First Name"> 
     <input type="text" name="last_name" placeholder="Last Name"> 
     <label>Email</label> 
     <input type="text" name="email" placeholder="[email protected]"> 
     <label>Phone</label> 
     <input type="text" name="phone" placeholder="Phone"> 
    </fieldset> 
</form> 

JS

$(function($) { 

    // Validation 
    $('#payment-form').validate({ 
     rules: { 
      first_name: "required", 
      last_name: "required", 
      email: { 
       required: true, 
       email: true 
      }, 
      phone: { 
       required: true, 
       phone: true 
      } 
     }, 

     errorClass: 'alert alert-error' 
    }); 

}); 
+0

использовать не ограниченную версию библиотеки при отладке, чтобы мы могли получить правильный номер строки –

+0

У меня есть m ade the change .. its on line 549 – Nyxynyx

+1

кажется прекрасным http://jsfiddle.net/arunpjohny/QFWB4/1/ –

ответ

2

Проблема с правилом phone, нет метода проверки под названием phone.

Если Вы включите additional-methods.js, то вы можете иметь правила проверки телефона, как phoneUS, phoneUK, mobileUK, phoneNL и т.д.

Ex:

$(function($) { 

    // Validation 
    $('#payment-form').validate({ 
     rules: { 
      first_name: "required", 
      last_name: "required", 
      email: { 
       required: true, 
       email: true 
      }, 
      phone: { 
       required: true, 
       phoneUS: true 
      } 
     }, 

     errorClass: 'alert alert-error' 
    }); 

}); 

Если ни один из этих матчей вашего требования, то вы можете необходимо написать настраиваемое правило

+0

Спасибо, что решили проблему ... Я не могу найти ссылку на все правила, которые прилагаются к плагину. – Nyxynyx

+0

@Nyxynyx. Я не думаю, что дополнительные-методы.js задокументированы правильно ... любым способом вы можете легко прочитать этот файл, чтобы увидеть все доступные правила –

0

Пожалуйста, проверьте ссылки и убедитесь, что он разрешает точный адрес.

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