Question

<button type="button" onclick="submitForm()">Submit</button>

当我按下此按钮时，它会运行一个javascript验证函数，该函数根据某些数据是否格式正确返回true或false。

接下来我需要做的是：如果是，则使用php脚本将验证的数据提交到mySql数据库。

我很难理解如何做到这一点。我希望我很清楚。感谢。

另外，我不能使用ajax。

Answer 1

您的按钮类型是否提交并发送到表格，如此

<form action="update.php" method="post"> <button type="submit" onclick="submitForm()">Submit</button> </form>

在index.php文件中检查mysql验证

您错过了函数调用中的返回值。试试

<button type="button" onclick="return submitForm()">Submit</button>

在验证失败时返回false。

function submitForm() { if(validation) // fails { alert("your message"); return false; } }

Answer 2

在php文件中，您可以执行所需的所有mysql验证。提交可以是这样的

<form action="update.php" method="post"> <button type="submit" onclick="return submitForm()">Submit</button> </form>

注意函数调用中的返回验证失败时验证返回false。

function submitForm() {  
   if(validation) { // fails    
      alert("your message");  
      return false; 
   } 
}

Answer 3

使用type = "submit"代替button。试试 -

<button type="submit" onclick="submitForm()">Submit</button>

js validation

function submitForm() {
   //your validation codes

   //if validates

       return true
   //else

       return false;
}

如果验证成功，表格将被提交，否则将无法提交。

Answer 4

HTML：

<button type="button" onclick="submitForm()">Submit</button>

JS：

function submitForm() {
  if(){ //condition to validate
    return true;
  }else{
    return false; 
  }

}

另外（作为建议）你可以添加一个特定的函数来验证每种类型的值，然后只需在函数submitForm()中通过那些类型调用它

Answer 5

您错过了函数调用中的return。试试

<button type="button" onclick="return submitForm()">Submit</button>
                                 ^

验证失败时返回false的位置。

function submitForm() {
   if(validation) // fails
  {
   alert("your message");
   return false;
  }
}

Answer 6

按钮类型提交并发送到表单像这样

<form action="index.php" method="post">
....
<button type="submit" onclick="submitForm()">Submit</button>
</form>

在index.php文件中检查mysql验证

希望这会对你有所帮助

Answer 7

您需要从html页面添加更多详细信息。例如html表单本身。

然而，只是预测你正在寻找的东西......你可以在submitForm（）函数中使用folling命令：

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

Answer 8

如果我们没有看到您的代码，我们可以提供很多帮助。但简而言之，您将通过

提交表格

document.getElementById('formId').submit();

Answer 9

document.getElementById("form").submit()

Answer 10

接下来我需要做的是：

1-＆gt;执行form.submit（）

2-＆gt;从您的操作文件中将所有数据发送到数据库（action =“action.php”）

Answer 11

<script type='text/javascript'>

    function formValidator(){
        // Make quick references to our fields
        var firstname = document.getElementById('firstname');
        var addr = document.getElementById('addr');
        var zip = document.getElementById('zip');
        var state = document.getElementById('state');
        var username = document.getElementById('username');
        var email = document.getElementById('email');

        // Check each input in the order that it appears in the form!
        if(isAlphabet(firstname, "Please enter only letters for your name")){
            if(isAlphanumeric(addr, "Numbers and Letters Only for Address")){
                if(isNumeric(zip, "Please enter a valid zip code")){
                    if(madeSelection(state, "Please Choose a State")){
                        if(lengthRestriction(username, 6, 8)){
                            if(emailValidator(email, "Please enter a valid email address")){
                                return true;
                            }
                        }
                    }
                }
            }
        }


        return false;

    }

    function notEmpty(elem, helperMsg){
        if(elem.value.length == 0){
            alert(helperMsg);
            elem.focus(); // set the focus to this input
            return false;
        }
        return true;
    }

    function isNumeric(elem, helperMsg){
        var numericExpression = /^[0-9]+$/;
        if(elem.value.match(numericExpression)){
            return true;
        }else{
            alert(helperMsg);
            elem.focus();
            return false;
        }
    }

    function isAlphabet(elem, helperMsg){
        var alphaExp = /^[a-zA-Z]+$/;
        if(elem.value.match(alphaExp)){
            return true;
        }else{
            alert(helperMsg);
            elem.focus();
            return false;
        }
    }

    function isAlphanumeric(elem, helperMsg){
        var alphaExp = /^[0-9a-zA-Z]+$/;
        if(elem.value.match(alphaExp)){
            return true;
        }else{
            alert(helperMsg);
            elem.focus();
            return false;
        }
    }

    function lengthRestriction(elem, min, max){
        var uInput = elem.value;
        if(uInput.length >= min && uInput.length <= max){
            return true;
        }else{
            alert("Please enter between " +min+ " and " +max+ " characters");
            elem.focus();
            return false;
        }
    }

    function madeSelection(elem, helperMsg){
        if(elem.value == "Please Choose"){
            alert(helperMsg);
            elem.focus();
            return false;
        }else{
            return true;
        }
    }

    function emailValidator(elem, helperMsg){
        var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
        if(elem.value.match(emailExp)){
            return true;
        }else{
            alert(helperMsg);
            elem.focus();
            return false;
        }
    }
    </script>

    <form onsubmit='return formValidator()' >
    First Name: <input type='text' id='firstname' /><br />
    Address: <input type='text' id='addr' /><br />
    Zip Code: <input type='text' id='zip' /><br />
    State: <select id='state'>
        <option>Please Choose</option>
        <option>AL</option>
        <option>CA</option>
        <option>TX</option>
        <option>WI</option>
    </select><br />
    Username(6-8 characters): <input type='text' id='username' /><br />
    Email: <input type='text' id='email' /><br />
    <input type='submit' value='Check Form' />
    </form>

如何用JavaScript验证然后用PHP提交数据？

11 个答案: