JQuery проверки специального Charaters

Question

с помощью JQuery, на sublit нужно проверить значение текстового поля и бросить ошибку, если она содержит алфавиты, специальные символы или цифры менее 20

код:

<input type="text" class="input-text-bx" id="actual" value=""> 
      <input type="submit" id="real" value="submit"/> 

Я пытался с jquery 1.3 без нажатия кнопки отправки. Мне нужен последний с $ on submit.

Query(function(){ 

      jQuery('.input-text-bx').validate({ 
       expression: "if (VAL) return true; else return false;", 
       message: "Please enter a valid number" 
      }); 
     jQuery('.input-text-bx').validate({ 
       expression: "if (VAL.match(/^[0-9]*$/)) return true; else return false;", 
       message: "Actual card can only be in numbers" 
      }); 
      jQuery('.input-text-bx').validate({ 
       expression: "if ((VAL.length >=16))return true; else return false;", 
       message: "The card number should be 16-20 digits" 
      }); 
});  

Answer 1

Вы можете использовать onblur событие на входах

jQuery('.input-text-bx').bind('onblur', function(){ // Validation Here }); 

и в функции сделать чек на длину (> 16 & < 20). также вы можете сопоставить RegEx.

Answer 2

.validate() в вашем коде (и тег jquery-validate) указывает на вашу попытку использовать the jQuery Validate plugin. В противном случае в jQuery нет такой вещи, как .validate().

<input type="text" class="input-text-bx" id="actual" value=""> 

jQuery('.input-text-bx').validate({ 
    expression: "if (VAL) return true; else return false;", 
    message: "Please enter a valid number" 
}); 

1) Вы абсолютно не можно прикрепить .validate() к любому элементу, кроме <form></form> элемента. Для этого нет обходного пути.

2) Нет такого .validate() варианта, который называется expression. Если вам нужно написать собственный метод или правило, вам нужно будет использовать the plugin's built-in addMethod method.

---

Попробуйте использовать этот плагин, как это. (Все input элементы должны иметь атрибут name для этого плагин для правильной работы)

HTML:

<form id="myform"> 
    <input type="text" class="input-text-bx" name="actual" id="actual" /> 
    <input type="submit" /> 
</form> 

JQuery:

$(document).ready(function() { 

    $('#myform').validate({ // initialize the plugin 
     rules: { 
      actual: { 
       required: true,  // required field 
       number: true,   // must be a number 
       rangelength: [16, 20] // must be between 16 and 20 digits 
      } 
     } 
    }); 

}); 

DEMO: http://jsfiddle.net/NvREa/

Документация: http://docs.jquery.com/Plugins/Validation