javascript - 如何将输入值传递给其他函数

Question

我有带有输入和提交按钮的表单。我想在用户填写电子邮件地址并单击提交按钮时打开弹出窗口。在弹出窗口中将是单击的其他按钮应该从具有输入值的提交按钮进行操作。到目前为止，我有这样的事情:

$('form').on('submit', function (e) {
    e.preventDefault(); 
    //function opening popup goes here... 

    // confirm button in popup
    $('#confirm_button').on('click', (e) => {
        e.preventDefault();
        $(this).unbind('submit').submit();
    });
});

问题是我不知道如何将值从输入传递到弹出窗口中的确认函数。

感谢您的帮助!

Answer 1

要从表单中获取单个值，例如将 id 属性设置为 username 的 html 中的 input 元素:

var userName = $('#username').val();

或者获取其 id 属性设置为 myform 的表单的所有元素:

$("#myform").serialize()

要将输入值传递给其他函数，您必须先创建一个函数:

function doSomething(first) {
    if (first) {
        console.log(first);
        alert(first);
    }
}

$('form').on('submit', function (e) {
    e.preventDefault();
    //function opening popup goes here...
});

// confirm button in popup
$('#confirm_button').on('click', (e) => {
    e.preventDefault();
    var userName = $('#username').val();
    $(this).unbind('submit').submit();
    doSomething(userName);
});

请注意，这里的重要部分是使用#id 来访问您页面中的值，这就是您使用弹出窗口或不使用弹出窗口访问它的方式。