Jquery表单从字段值获取

Question

我在我的网站上使用 Jquery 表单。发件人非常简单，包含常用字段(姓名、电子邮件、出生日期等)。用户按下注册按钮后，表单将使用 Jquery 的“ajaxForm”参数提交到 php 文件。之后，表单滑出，谷歌地图滑入，要求客户通过拖动 map 上的标记来选择他当前的位置。

将标记放置在所需位置后，客户可以单击“提交”按钮，两个值将传递到另一个 php 文件:纬度和经度，即坐标。 (请注意，页面不会随时刷新，这一切都发生在一个页面上。)

我想要做的是将之前表单中的电子邮件字段值与纬度和经度一起传递，但我实际上无法做到这一点，因为我在 javascript 方面几乎是菜鸟。

有没有办法在提交表单之前从“电子邮件”字段声明一个全局变量，以便我稍后可以使用它与纬度和经度参数一起传递。或者也许有更简单的解决方案？

提前非常感谢您!

这是我的 jquery 表单的代码

$(document).ready(function() {
var options = {
    target: '#total',
    clearForm: true,
    beforeSubmit: radio,
    success: social1
};
$("#perm").ajaxForm(options);

}); 
function radio(formData, jqForm, options) {

    if ($('input:radio').is(':checked')) {

} else {
    alert('choose gender!');
    return false;
}

var form = jqForm[0];

        if (form.year.value <= form.yob.value) { 
        alert('choose another year!'); 
        return false; 
    }

};




function social1() {  
            $("#map").delay(700).slideDown("slow");
            $("#accordion").slideUp("slow");
            };

这是按钮代码

<form id='perm' action='add.php?stay=perm' method='post' onSubmit="return checkForm(this);">

Answer 1

您已经在使用 beforeSubmit 方法。稍微展开一下。这是捕获电子邮件地址的好位置。所以你最终会遇到这样的情况(未经测试):

var email;
$(document).ready(function() {
var options = {
    target: '#total',
    clearForm: true,
    beforeSubmit: radio,
    success: social1
};
$("#perm").ajaxForm(options);

}); 
function radio(formData, jqForm, options) {
   email = $("#idOfEmailField").val();
   // ... rest of logic here
};
function social1() {  
   alert("Email address is "+email);
};