JQuery-移动验证！

Question

我在eclipse下使用JQuery-mobile。 我有一个包含2个文本字段的表单，我希望表单中的第一个文本字段只能接受数字，所以如果输入是字符，文本甚至是空的，我想要出现错误。 至于验证，我使用jquery validVal。 我已经包含了我的代码`

<form id="ccform" method = "post">
        <table>
    <tr>
    <td><label for="cc">Card Number</label></td>
             <td><input name = "ccc" class="required" type = "text" id = "cc" maxlength="23" " ></td>
    </tr>
    <tr>
    <td>Card Holder Name</td>
    <td><input class="required" type = "text"></td>
    </tr>

    </table>

    </form>

并且：

<script>
    $("#ccform").validVal({
        customValidaton:{
            "cc": function ($field){
                var myexpr =/^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/
                if(myexpr.test($field.val())) {return true;}
                else{return false;}
                }
            }
    });
    </script>

`

但我没有得到任何结果，没有...所以任何帮助将不胜感激。

Answer 1

为什么要写自己的验证？ 使用现有插件，例如此插件

你可以这样做。 首先更改文件如下。 请注意必需的数字属性。

<input name = "ccc" class="required number" type = "text" id = "cc" maxlength="23">

然后是一个简单的$("#ccform").validate(); 可以做到神奇。

完整的工作示例在这里http://jsfiddle.net/mayooresan/A3rvK/3/

Answer 2

您有语法错误。 你的正则表达式应以/开头和结尾。

/^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\\d{3})\\d{11})$/

Answer 3

你可以看一下http://validval.frebsite.nl/examples.php 。

参见示例1，有可用于number的validVal验证。