javascript - 从 HTML 表单按钮向 javascript 发送多个参数

Question

好的，我有一个包含三个输入框的表单，目前它们是文本，但它们将更改为密码。当按下提交按钮时，我希望将表单数据发送到 Ajax 脚本。

我只使用一个参数，按钮看起来像这样:

<input type="submit" name="submit" value="Submit" 
    onClick="return pass(this.form.oldPass.value;">

现在我已经尝试将“this.form”部分添加三次，因为那是该函数需要的参数数量，但它似乎什么也没做:

<input type="submit" name="submit" value="Submit" 
    onClick="return pass(this.form.oldPass.value,
                         this.form.newPass.value, 
                         this.form.newPassCheck);">

这是将表单数据传递给脚本的正确方法吗？有其他解决方法还是我只是在这里做错了什么？

感谢您的帮助，如果您需要更多代码，我会添加它。

Answer 1

试试这个。 (你需要 jquery 才能做到这一点。)

<form>
 old pass <input type="password" id="old_pass" />
 new pass <input type="password" id="new_pass" />
 new pass confirmation <input type="password" id="new_pass_confirm"/>
</form>

在你的 .js 文件中，写下:

$(document).ready(function(){
    var old_pass = $('#old_pass').val();
    var new_pass = $('#new_pass').val();
    var new_pass_confirm = $('#new_pass_confirm').val();

    //then call your method with those vars as parameter
    anyMethod(old_pass, new_pass, new_pass_confirm);

});

//this is your function
function anyMethod(old_pass, new_pass, new_pass_confirm)
{
  //put your validation code or ajax call here...
}