表单会在我不想提交时自动提交吗？

Question

Every time I run any function using a button, the form gets automatically submitted, even though it shouldn't be submitted until the final button is pressed. This doesn't happen outside the <form> tag.

Code:

<div class = "form">
    <form name = "contactForm" onsubmit="validateForm()">
        <li>
            <label>First name: </label><input type = "text" name = "fname" autofocus>
        </li><br>
        <li>
            <label>Last Name: </label><input type = "text" name = "lname">
        </li><br>
        <li>
            <label>Email: </label>
            <input type = "text"name = "email"> 
            <button onclick = "validateEmail()">Check if email is valid</button>
        </li><br>
        <li>
            <label>Message: </label><br>
            <textarea rows = "10" cols = "50" name = "message"></textarea>
        </li>
        <li> 
            <input type = "submit">
        </li>
    </form>
</ul>

Answer 1

The default behavior of a button element is to submit the form in which it is contained. That is, the default value of its type attribute is submit . To prevent a button element from submitting automatically, set its type to button , which has no default behavior.

Answer 2

尝试这个..

<button onclick = "validateEmail();return false">