0

使用 jquery，在 sublit 上需要验证文本框值并在它包含字母、特殊字符或小于 20 的数字时抛出错误

代码：

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

我尝试使用 jquery 1.3 而不单击提交按钮。我需要最新的带有 $ 的提交。

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

2 回答 2

0

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

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

并在函数中检查长度（> 16 & <20）。你也可以匹配正则表达式。

于 2013-03-22T03:01:45.530 回答
0

您的.validate()代码（和标记）中的 表示您尝试使用jQuery Validate plugin。否则，.validate()没有它，就没有 jQuery 那样的东西。

<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此插件才能正常工作的属性）

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

});

演示：http: //jsfiddle.net/NvREa/

文档： http ://docs.jquery.com/Plugins/Validation

于 2013-03-22T03:06:06.807 回答