用于文本框验证的jquery函数

时间:2012-04-05 05:08:15

标签: jquery

我需要一个jquery函数来验证我的文本框值。

要求:必填:真实, 使用MINLENGTH:8, 最大长度:16, 应该只允许字母,数字。

我写了一个函数:

jQuery.validator.addMethod("nameRegex", function (value) {
      //  alert(value);
        if (value.length >= 8) {
           // alert(value.length); 
                return value.match(/^[a-zA-Z0-9 ]+$/.test(value)); 
        }
    }, "Contain only letters, numbers."); 

但这不起作用任何人都可以帮助我。

-Sindhu.A

1 个答案:

答案 0 :(得分:0)

Hiya希望这有帮助:))工作演示http://jsfiddle.net/2FByp/2/

就像@zerkms所说,请非常清楚什么是无效的。你可以随时参考验证插件文档&&这也可能对您有所帮助:using the jquery validation plugin, how can I add a regex validation on a textbox?

注意请确保正确添加所有规则,并将您的实现与上面的jsfiddle进行比较,否则请点击我jsfiddle我可能会帮助但是这个js小提琴将帮助您找出原因不工作:)

<强> HTML

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>

<script type="text/javascript">

</script>

<form method="post" id="myForm">

    Name regex (alphanumeric):<input type="text" name="name" />  
    <input type="submit" value="Go" />  
</form>​

JQuery代码

  $(function() {

    $.validator.addMethod("nameRegex", function(value, element) {
        return this.optional(element) || /^[a-z0-9\-]+$/i.test(value);
    }, "Username must contain only letters, numbers, or dashes.");

    $("#myForm").validate({
        rules: {
            "name": {
                required: true,
                nameRegex: true,
                minlength: 8

            }
        },
        messages: {
            "name": {
                required: "You must enter a login name",
                nameRegex: "Contain only letters, numbers."
            }
        }
    });

});​

希望这是有益的欢呼!