html - Difference between JavaScript form submit and a form containing a submit button - Stack Overflow

admin管理员组

文章数量:1332339

I need a theoretic clarification...What's the difference between JavaScript form submit and a form containing a submit button?

(I'm using the framework Struts, but I think it doesn't affect the behaviour.)

I mean, this is my example, what's the difference between submit a form with a input type="submit"?

<html:form action="search.do?method=mySearch" method="post" styleId="searchFilterForm">
    <input type="hidden" name="myfield" value="">
    <table border="0" class="filterclass" width="530px">
        <tr>
            <td class="filterheader" align="center">
                <input type="submit" onclick="doMySubmit()" name="MyList" value="SEND" class="button actionbutton" />
            </td>
        </tr>
    </table>
</html:form>

function doMySubmit() {
    var myform = document.getElementById('searchFilterForm');
    myform.myfield.value = "Hello World";
}

And submitting the form with a submit inside JavaScript?

<html:form action="search.do?method=mySearch" method="post" styleId="searchFilterForm">
    <table border="0" class="filterclass" width="530px">
        <tr>
            <td class="filterheader" align="center">
                <input type="button" onclick="doMySubmit()" name="MyList" value="SEND" class="button actionbutton" />
            </td>
        </tr>
    </table>
</html:form>

function doMySubmit() {
    var myform = document.getElementById('searchFilterForm');
    myform.myfield.value = "Hello World";
    myform.submit();
}

I need a theoretic clarification...What's the difference between JavaScript form submit and a form containing a submit button?

(I'm using the framework Struts, but I think it doesn't affect the behaviour.)

I mean, this is my example, what's the difference between submit a form with a input type="submit"?

<html:form action="search.do?method=mySearch" method="post" styleId="searchFilterForm">
    <input type="hidden" name="myfield" value="">
    <table border="0" class="filterclass" width="530px">
        <tr>
            <td class="filterheader" align="center">
                <input type="submit" onclick="doMySubmit()" name="MyList" value="SEND" class="button actionbutton" />
            </td>
        </tr>
    </table>
</html:form>

function doMySubmit() {
    var myform = document.getElementById('searchFilterForm');
    myform.myfield.value = "Hello World";
}

And submitting the form with a submit inside JavaScript?

<html:form action="search.do?method=mySearch" method="post" styleId="searchFilterForm">
    <table border="0" class="filterclass" width="530px">
        <tr>
            <td class="filterheader" align="center">
                <input type="button" onclick="doMySubmit()" name="MyList" value="SEND" class="button actionbutton" />
            </td>
        </tr>
    </table>
</html:form>

function doMySubmit() {
    var myform = document.getElementById('searchFilterForm');
    myform.myfield.value = "Hello World";
    myform.submit();
}

• javascript
• html
• forms
• struts

Share Improve this question Follow edited Jul 14, 2019 at 21:28 Peter Mortensen 31.6k2222 gold badges110110 silver badges133133 bronze badges asked Sep 11, 2013 at 10:13 CiscoCisco 53211 gold badge88 silver badges2525 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

The most notable difference is that when submitting a form by clicking a submit button there'll be a request parameter corresponding to the button that was clicked. So, in your example, with the submit button there'd be a request parameter with a name of MyList and a value of SEND. If you call form.submit() in JavaScript there won't be.

So if you called request.getParameter("MyList"); on your server-side, with the first method that will return a String with the value SEND and with the second it will return null. This bees important when you want to control the flow through your Action based on whether or not the form has been submitted, or even which button was used to submit the form (if you had several).

If your user disable javascript, he can't submit the form. It's a better practice to add a type submit for accessibility. More information on this question

本文标签： htmlDifference between JavaScript form submit and a form containing a submit buttonStack Overflow