javascript - 如何使用 jQuery validate 验证预填充的输入字段？

Question

我有一个表单，其中的字段预先填充了数据库中的数据，因为我需要根据新的数据格式架构更改电话号码，我还需要立即启动对预填充输入字段的验证。

我的JS代码如下:

根据新模式验证 HR 电话号码的方法:

$.validator.addMethod("mobileHR", function(phone_number, element) {
    phone_number = phone_number.replace(/\(|\)|\s+|-/g, "");
    return this.optional(element) || phone_number.length > 9 &&
        phone_number.match(/^\+[0-9]{1,3}\.[0-9]{1,14}$/);
}, "Unesite broj u fromatu: +385.111234567");

和函数调用:

$(document).ready(function () {
    // initialize validation
    $('.form-horizontal').validate({ 
        // set immediate validation, on event code 9
        onkeyup: function (element, event) {
            if (event.which === 9 && this.elementValue(element) === "") {
                return;
            } else {
                this.element(element);
            }
        },
        rules: {
            "contactdetails[Registrant][Phone]": {
                required: true,
                mobileHR: true
            }
        },
        messages: {
            "contactdetails[Registrant][Phone]": {
                required: "Molimo unesite broj telefona"
            }
        }
    });

});

输入字段就像这样，并且值参数已经填充，因为数据是从数据库中获取的。

<div class="controls">
<input kl_virtual_keyboard_secure_input="on" name="contactdetails[Registrant][Phone]" value="011123456" size="30" class="Registrantcustomwhois" type="text">
</div>

现在我想警告编辑数据的用户，即使他没有更改所需输入字段中的数据，也要更新他的电话号码格式，所以我基本上想在文档加载时调用 validate() 函数.

摆弄例子是 here 。

Answer 1

设置验证规则后，在 jQuery 准备就绪后，只需添加 $('.form-horizo​​ntal').valid(); 即可验证表单。

参见 Fiddle , 相应更新