jQuery验证程序插件传递数据

Nick Price 发表于 Dev

尼克·普莱斯（Nick Price）

我有一个JQuery验证程序应用于它的表单。我不会全部发布，但代码如下所示

var validator = $("#my_form").validate({
    errorPlacement: function(error, element) {
        $( element )
            .closest( "form" )
                .find( "#error" )
                    .append( error );
    },
    rules: {
        emailAddress: {
          require_from_group: [1, '.datagroup'],
          email: true,
          maxlength: 40
        },
        mobileNumber: {
            require_from_group: [1, '.datagroup'],
            number:true,
            minlength: 8
        }
    },
    messages: {
        emailAddress: {
            maxlength: jQuery.validator.format("shorter")
        },
        mobileNumber: {
            number: jQuery.validator.format("Please enter a number"),
            minlength: jQuery.validator.format("Please enter a valid number")
        }
    },
    groups: {
        datagroup: "emailAddress mobileNumber"
    },
    submitHandler: function (form) {
         $.ajax({
             type: "POST",
             url: "php/main.php",
             data: $(form).serialize()
         })
         .done(function (response) {
             $('#results').html(response)
        });
         return false;
     }
});

问题是提交处理程序将传递整个表单，然后将此数据序列化并发送到main.php。但是，我不再想要它提交mobileNumber的格式。原因是我现在正在使用一个插件来为我格式化此号码，并获取该值，我需要

var mobileNumber = $("#mobileNumber").intlTelInput("getNumber");

我也可以使用val（）获取电子邮件，因此也可以将其分配给变量。那么如何传递main.php变量mobileNumber和emailAddress？

谢谢

左旋基

您可以通过手动构建如下所示的数据对象来实现。

$.ajax({
    type: "POST",
    url: "php/main.php",
    data: {
        'emailAddress': $("#mobileNumber").intlTelInput("getNumber"),
        'mobileNumber': $("selector").val()
    }
})

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。