javascript - JQuery 验证器插件传递数据

Question

我有一个应用了 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() 获取电子邮件，这样它也可以分配给一个变量。那么我怎样才能将变量 mobileNumber 和 emailAddress 传递给 main.php？

谢谢

Answer 1

您可以像下面这样手动构建数据对象来实现这一点。

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