Jquery验证特殊字符

使用jquery需要验证文本框的值，如果包含字母、特殊字符或小于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"
            });
});

您可以在输入上使用onblur事件

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

和在函数中检查长度(>16 && lt; 20)。也可以匹配RegEx

代码中的.validate()(和jQuery - Validate标记)表明您尝试使用jQuery Validate插件。否则，没有它，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。如果你需要编写自定义方法或规则，你必须使用插件的内置addMethod方法。

试试这样使用插件。(所有input元素必须有name属性才能正常工作)

<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 } } }); });
演示:http://jsfiddle.net/NvREa/
文档:http://docs.jquery.com/Plugins/Validation

相关内容

最新更新

热门标签：