Jquery表单从字段值获取

Question

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

将标记放置在所需位置后，客户可以单击“提交”按钮，两个值将传递到另一个 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);
};

Answer 2

如果您只是隐藏表单而不刷新页面，则先前表单输入的电子邮件仍然可用（即您不需要声明全局变量来存储电子邮件）。例如，

<form id='perm' action='add.php?stay=perm' method='post'>
    ...
    <input type="text" id="name" />
    <input type="text" id="email" />
    <input type="submit" value="Submit" />
    ...
</form>

<button id='submitCoordinate_button' style='display:none'>Submit coordinate</button>

<script type="text/javascript">
    $('#perm').ajaxForm() {
        ...
        success: function() {
            $('#perm').hide(); // hide the perm form and pull the map in 
            $('#submitCoordinate_button').show();
        },
        ...
    }

    $('#submitCoordinate_button').click(function () {
        ...
        var email = $('#email').val(); // you still can get the email here
        ...
    });
</script>