jQuery 验证插件查询

Question

我一直在尝试向电话字段添加验证，以便它只接受 10 到 14 位数字（也欢迎使用其他更好的英国电话验证方法）。

我正在使用 jQuery 验证插件。

<form class="form" id="lg.callback.form" action="[[~[[*id]]]]" method="post">
    <input type="hidden" name="nospam:blank" value=""/>
    <label for="name"> Name: <span class="error">[[!+fi.error.name]]</span></label>
    <input id="name" type="text" name="name" value="[[!+fi.name]]" required />
    <label for="phone"> Phone: <span class="error">[[!+fi.error.phone]]</span></label>
    <input id="phone" type="text" name="phone" value="[[!+fi.phone]]" class="phone"/>

    <input type="submit" value="Request a call back"/>

</form>

<script>
    $("#lg.callback.form").validate();
</script>

我确实尝试了以下方法：

$("#lg.callback.form").validate({
   rules: {
     phone: {
       required: true,
       digits: true,
       minlength: 10,
       maxlength: 14
     }
   }
})

但它没有按预期工作。

建议将不胜感激。

Answer 1

尝试更改表单标签的 ID。 ID 不能包含特殊字符。

尝试给 ID 类似lgCallbackForm

更改 ID 后，您的代码工作正常。请使用您的代码检查此link