Question

我正在使用jQuery验证（ PLUGIN URL ）插件进行大部分表单验证：

我有以下示例（ LIVE EXAMPLE ）：

FORM：

 <form class="form" id="feedback-form" method="post" action="#">


    <label for="phone">Contact number:</label>
    <input type="text" value="" id="phone" name="phone" class="required">
    <br class="clr">

    <div class="form-buttons">
        <input id="submit" type="submit" value="Submit" class="button" >
    </div>
    <br class="clr">
    <br /><br />

</form>

jQuery：

$("#feedback-form").validate({
    rules: {

        phone: {
            number: true, // as space is not a number it will return an error
            minlength: 6, // will count space 
            maxlength: 9
        }

    }

});

我有两个问题，都与空间使用有关。

min＆amp;最大长度将空格计为字符
如果使用number = true和空格，则会返回错误，因为空格不是数字

这有什么解决方法吗？有没有人遇到同样的问题？请注意我想继续允许输入空格（为了便于阅读）。

Answer 1

你可以添加一个beforeValidation回调来发送没有空格的值，看看这里：Jquery Validator before Validation callback，它似乎是你正在寻找的

Answer 2

非常简单的解决方案是：

替换手机输入的类型如下：

<input id="phone" type="number" maxlength="10" size="2" max="99" style="width:36px;" required />

你永远不会有空格和东西的问题，只是在我的代码中使用它！

享受

jQuery验证插件 - 仅限数字，分钟和＆amp;最大长度 - 空间问题

2 个答案: