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>

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

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获取“username”以附加到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值。

代码段：

＆＃13;

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);
}

＆＃13;

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

＆＃13;

因为如果您在函数外部定义username和url，它将仅保留加载时间值，并且在按钮单击操作期间无法更改。

以html格式提交表单数据并发送到服务器

3 个答案: