jQuery验证onChange或替代

时间:2011-03-10 09:17:14

标签: javascript jquery validation

我有一个交互式/可编辑的表,当使用onChange="myfunction"更改单元格值时会执行许多操作。问题是我需要进行一些验证:

  1. maxlength = 1
  2. 仅限字母^ [a-zA-Z] + $
  3. 不能为空... require = true
  4. 但是我担心由于使用onChange,我可能无法实现这一点。

    以下是我的表格的一个工作示例:http://jsfiddle.net/JEAkX/32/

    这是我希望开始工作的jQuery验证器代码:

    $.validator.addMethod(
        "legalValue",
        function(value, element) {
            return this.optional(element) || /^[a-zA-Z]+$/.test( value );
        },
        alert("Bad Value!")
    );
    $(document).ready(function() {
        $("#wholeTable").validate({
            rules: {
                cell: {
                    legalValue: true,
                    required: true,
                    maxlength: 1
                }
            }
        });
    });
    

    是否可以使用onChange在我当前的设置下完成这项工作?如果不是,您建议采用哪种方向转换为允许此验证的系统。

    如果我继续使用onChange,我是否需要使用一个全局数组来存放表的值,以防有人输入不正确的值并且值被还原以使表不会更改?

1 个答案:

答案 0 :(得分:0)

刚看了你的消息来源,我不确定我明白你的问题是什么,但你的代码有一个错误:

<script type="text/javascript" scr="http://view.jquery.com/trunk/plugins/validate/jquery.validate.js"></script>

应该是

<script type="text/javascript" src="http://view.jquery.com/trunk/plugins/validate/jquery.validate.js"></script>

没有推动你解决难题有什么区别,我可以说脚本文件的路径是使用src属性指定而不是使用scr。在我改变之后,当我在任何字段中输入“4”时,我会收到有关错误等的警告信息。此外,我无法输入几个字符......所以看起来它有用......是问题,还是我没有得到你的问题?