在HTML中提交表单数据并发送到服务器

Question

<form id="myform"><label for="name">Username:</label> 
<input type="text" id="username" name="username"> 
<button id= "btnsub" onclick="registerUser();">Register</button></form> 
<script> 
var url="http://localhost/rrrr/register.php?username="+ username; 
var username ;  
function registerUser() 
{ 
      document.getElementById("myform").action=url; 
      alert("btn click") ; 
      alert(username+''); 
} 
</script> 

我试过上面的代码，按钮单击显示警告框为undefined是什么问题？

Answer 1

如果您直接使用用户名，它将被视为未定义的JavaScript变量。获取用户名输入元素的值。

你有这样

var username = document.getElementById('username').value; 
var url="http://localhost/rrrr/register.php?username="+ username; 

function registerUser() 
{ 
      document.getElementById("myform").action=url; 
      alert("btn click") ; 
      alert(username+''); 
} 

使用提交表格，您可以像这样

document.getElementById("myform").submit(); 

试试这个

<form><label for="name">Username:</label> 
<input type="text" id="username" name="username"> 
<script> 
var username = document.getElementById('username').value; 
var url="http://localhost/rrrr/register.php?username="+ username; 

function registerUser() 
{ 
      document.getElementById("myform").action=url; 
      alert("btn click") ; 
      alert(username+''); 
document.getElementById("myform").submit(); 
} 
</script> 
<button id= "btnsub" onclick="registerUser();">Register</button></form> 

Answer 2

您需要定义表单标签ID来追加动作，并通过ID获取“用户名”以追加到url中

<form><label for="name">Username:</label> 
<input type="text" id="username" name="username"> 
<button id= "btnsub" onclick="registerUser();">Register</button></form> 
<script> 
var username= document.getElementById("username").value; 
var url="http://localhost/rrrr/register.php?username="+ username; 

function registerUser() 
{ 
      document.getElementById("myform").action=url; 
      alert("btn click") ; 
      alert(username+''); 
} 
</script> 

Answer 3

试试这个。获取当前值username。

代码片段：

function registerUser() 
 
{ 
 
    var username = document.getElementById('username').value; 
 
    var url="http://localhost/rrrr/register.php?username="+ username; 
 
    //document.getElementById("myform").action=url; 
 
    alert("btn click") ; 
 
    alert(username); 
 
}

<form><label for="name">Username:</label> 
 
    <input type="text" id="username" name="username"/> 
 
<button id= "btnsub" onclick="registerUser();">Register</button></form>

因为如果你定义username和url功能之外，这将是唯一持有加载时间值，并不能单击按钮时不会被改变。