用于文本框验证的 jquery 函数答案

【问题标题】：jquery function for textbox validation用于文本框验证的 jquery 函数
【发布时间】：2012-04-05 05:08:14
【问题描述】：

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

要求：必填字段：true，最小长度：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.");

但这不起作用，请任何人帮助我。

-辛杜.A

【问题讨论】：

“不工作”什么也没解释。什么实际上不起作用？它甚至被触发了吗？

标签： jquery

【解决方案1】：

您好，希望对您有所帮助 :)) 工作演示：http://jsfiddle.net/2FByp/2/

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

注意请确保正确添加所有规则并将您的实现与上面的 jsfiddle 进行比较，否则轻弹我 jsfiddle 我可能会有所帮助，但这个 js fiddle 将帮助您找出原因不工作。 :)

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."
            }
        }
    });

});

希望这对你有帮助！

【讨论】：