0

電話フィールドに検証を追加して、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
     }
   }
})

しかし、期待どおりに機能しません。

アドバイスをいただければ幸いです。

4

1 に答える 1

1

form タグの ID を変更してみてください。ID に特殊文字を含めることはできません。

IDを次のように指定してみてくださいlgCallbackForm

ID を変更すると、コードは正常に動作します。コードでこのリンクを確認してください

于 2013-07-17T12:36:46.170 に答える