在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功能之外，這將是唯一持有加載時間值，並不能單擊按鈕時不會被改變。