从HTML表单传递多个字符串到JavaScript函数？

我想通过一个按钮和Onclick =“myfunction（value1，value2）”将2个值从HTML表单传递到javascript函数。到目前为止，我没有运气。从HTML表单传递多个字符串到JavaScript函数？

您可以查看该网站的源代码在这里：View Page

这里是我的代码：

使用Javascript - AJAX调用：

<script type="text/javascript"> 
function verification_email(name,email) { 

    var xmlhttp; 
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari 
     xmlhttp=new XMLHttpRequest(); 
    } 
    else {// code for IE6, IE5 
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.onreadystatechange=function() { 
     if (xmlhttp.readyState==4 && xmlhttp.status==200) { 
     document.getElementById("result").innerHTML=xmlhttp.responseText; 
     } 
    } 

    xmlhttp.open("POST","send_verification_email.php?",true); 
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
    xmlhttp.send("name="+name+"++email="+email); 

} 
</script>

HTML表单：

  <h3 class="subtitle">Verification Details:</h3> 
      <p><input type="text" class="form-control" placeholder="First Name" id="name" /></p> 
      <p><input type="text" class="form-control" placeholder="Email Address" id="email"/></p> 

      <p><button class="btn btn-primary" Onclick="verification_email('name','email')">Request Verifcation Code</button></p> 

</form>

有没有一个标准的方法来做到这一点？我的方式离谱吗？

感谢您的帮助！

来源

2015-06-20 Ryan Tirrell

如果我们不知道自己在做什么，我们该如何帮助您？请发布您的代码。 –

我试图把它全写在我的手机上，它几乎是不可能的，所以我去抓住旧笔记本电脑来添加代码。我希望现在更有意义。 –

那么，你真的将字符串“name”和“email”传递给函数，而不是相应字段的值。所以我猜你的实际问题是*“如何获得按名称输入的值”*？ –

。

除非你打算调用在同一页面中的多个位置的验证功能，你可以简单地读值到函数本身内部的变量，并使用无参数的责任：

HTML

<p><button class="btn btn-primary" onclick="verification_email()">Request Verifcation Code</button></p>

function verification_email() { 
    var name = document.getElementById('name').value; 
    var email = document.getElementById('email').value; 
    var xmlhttp; 
    etc...

来源

2015-06-21 00:25:41 Shomz

您需要获取要发送的字段的值，收集这些值并将它们传递给您的函数。

<button class="btn btn-primary" Onclick="verification_email(document.getElementById('name').value,document.getElementById('email').value)">Request Verifcation Code</button>

还有其他 - 非最佳实践 - 收集这些信息的方式，如：你传入字符串文字"name"和"email"而不是适当的值

this.form.name.value  
this.form.email.vlaue

来源

2015-06-21 00:22:11 BuzzCloudAU

从HTML表单传递多个字符串到JavaScript函数？

回答

相关问题