Question

我希望在使用PHP验证后，将表单提交到名为reg.php的{{1}}文件。 JavaScript表格如下：

HTML表格：

HTML

JavaScript验证

以下是<form method="post"> <input type="text" id="username" name="username"></input> <button type="button" onclick="val()">Sign Up</button> </form>验证码：

JavaScript

Answer 1

只需在action="reg.php"中添加<form>并在onclick上返回val（）函数，同时使type="submit"形成提交，例如：

<form method="post" action="reg.php">
   <input type="text" id="username" name="username"></input>        
   <button type="submit" onclick="return val()">Sign Up</button>
</form>

并在return true;中添加else，例如：

function val(){

    var uname = document.getElementById('username').value;
    if(!uname){
        document.getElementById("error").innerHTML = "Enter a username";
        return false;
    }
    else{
        return true;
    }
}

Answer 2

HTML代码

<form method="post" onsubmit="return val()">
     <input type="text" id="username" name="username">       
     <button type="submit" >Sign Up</button>
 </form>

Javascript代码

function val(){

     var uname = document.getElementById('username').value;
     if(!uname){
         document.getElementById("error").innerHTML = "Enter a username";
         return false;
     }
     else{
         return true;
     }
}

Answer 3

您可以在其他部分使用表单name提交。

document.myForm.submit();

 var uname = document.getElementById('username').value;
 if (!uname) {
      document.getElementById("error").innerHTML = "Enter a username";
      return false;
 } else {
      document.myForm.submit(); // Form will be submitted by it's name
 }

<强>标记

<form method="post" name="myForm">.....</form>

Demo

Answer 4

在这里，您需要获取表单元素和submit()，因此您需要将id添加到表单并将action属性添加到reg.php文件中：

JSFiddle

<form method="post" id="theForm" action="reg.php">
   <input type="text" id="username" name="username"></input>        
   <button type="button" onclick="val()">Sign Up</button>
</form>

JS：

function val() {
    var uname = document.getElementById('username').value;
    if (!uname) {
        document.getElementById("error").innerHTML = "Enter a username";
        return false;
    } else {
        document.getElementById('theForm').submit();
    }
}

Answer 5

您可以在else块中放置一个return true语句，然后将表单更改为。

<form method="post" action="reg.php">
   <input type="text" id="username" name="username"></input>        
   <button type="submit" onclick="return val()">Sign Up</button>
</form>

在Javascript验证后提交表单

5 个答案:

Demo