必須ではないフォームにフィールドがあります (検証にはルールがありません) が、ユーザーが情報を入力したい場合に役立つ形式になるように、マスクされた入力を追加しました。
ただし、フィールドをクリックしてマスクされた入力をトリガーすると、検証されたように見えます (緑色に変わり、「OK」が表示されます)。検証に無視を追加しようとしましたが、それでも有効として返されます。
コードの関連部分は次のとおりです。
$("#ssn").mask("999-99-9999",{placeholder:" "});
$("#jqvForm").validate({
ignore: ".ignore",
onkeyup: false,
highlight: function (label) {
$(label).closest('.form-element').addClass('error')
.closest('.form-element').removeClass('success');
$('#result').html('');
},
success: function (label) {
label.text('OK!').addClass('valid')
.closest('.form-element').addClass('success');
},
rules: { etc },
messages: { etc }
});
SSN の入力フィールドには class="ignore" がありますが、クラスとラベル テキストをアドレス指定する "success" が呼び出されています。