html表单按钮重定向到同一页面

Question

我的页面中有2个按钮。我只想重定向到页面，只有当我点击按钮。但是我的代码将从两者和按钮重定向到该页面。Addform.phpsubmitsubmitreset<form id= "myForm" action= "Addform.php" method= "post">                    First name:                    <input type="text" id="fname"><br/><br/>                    Last name:                    <input type="text" id="lname"><br/><br/>                    Age:                    <input type="text" id="age"><br/><br/>                    Major Subject:                    <select id="select">                      <option value="">---</option>                      <option value="op1">Mathematics</option>                      <option value="op2">Computer</option>                      <option value="op3">Statistics</option>                    </select><br/><br/>                    GPA:                    <input type="text" id="gpa"><br/><br/>                <button id="btnSubmit" onclick="validation()" value= "submit">Submit</button>                <button id="btnReset" onclick= "resetForm()">Reset</button><br/>            </form>

Answer 1

你必须像这样编码，他们做的按钮类型提交表单简单的方式是设置像这样的按钮类型type = "reset"

<form id= "myForm" action= "Addform.php" method= "post">

                    First name:

                    <input type="text" id="fname"><br/><br/>

                    Last name:

                    <input type="text" id="lname"><br/><br/>

                    Age:

                    <input type="text" id="age"><br/><br/>

                    Major Subject:

                    <select id="select">

                      <option value="">---</option>

                      <option value="op1">Mathematics</option>

                      <option value="op2">Computer</option>

                      <option value="op3">Statistics</option>

                    </select><br/><br/>

                    GPA:

                    <input type="text" id="gpa"><br/><br/>

                <button type="button" id="btnSubmit" onclick="validation()" value= "submit">Submit</button>

                <button type="button" id="btnReset" onclick= "resetForm()">Reset</button><br/>

<!-- or -->

<!--<button type="reset" >Reset</button>-->

            </form>

Answer 2

button默认情况下提交表单。请改用：input

<input type="button" id="btnSubmit" onclick="validation()" value= "Submit">

<input type="button" id="btnReset" onclick= "resetForm()" value="Reset">

或者，我认为您仍然可以使用按钮，但您必须阻止默认行为。

使用普通的javascript：

document.getElementsByTagName("button").forEach((item, index)=>{

    item.addEventListener('onclick', function(event){

        event.preventDefault()

    });

})

使用 jQuery：

$('button').click(function(event){

    event.preventDefault();

});