Solution 1 :

You have a JavaScript function SubmitClickHandle() that performs the form submission. If you use type="submit", then the form also submits using the default method, which reloads the page and cancels the SubmitClickHandle() code.

You should use type="button" when you’ve provided your own JavaScript to submit the form, and you don’t need the default submission.

If you want to use type="submit", the onclick code should end with return false to prevent the default action:

<button type="submit" onclick="SubmitClickHandle(); return false">

Solution 2 :

Submit buttons trigger the submission of a form (and when they do, their name and value are included in the submitted form data).

Button buttons don’t.

When I use type=”button” then it submits successfully but type=”Submit” does not? why is that?

Presumably, because your idea of “submits successfully” doesn’t involve performing a normal form submission but instead means “Executes the SubmitClickHandle() function without leaving the page”.

Problem :

Type="Submit" and type="Button" in element input. How are they different? When I use type="button" then it submits successfully but type="Submit" does not? why is that?

 <form class="crush-form">
        <input class="name" type="text" name="name" required />
        <label for="">Name</label>
        <input class="address" type="text" name="address" required />
        <label for="">Address</label>
    <div class="lol">
        <button onclick="closeDialog()">Close Dialog</button>


Comment posted by

Check this out >

Comment posted by AKX

This really depends on what

Comment posted by Gia

Good. What i need to do when i use both type=”submit” and form?

Comment posted by Quentin

@Barmar –

Comment posted by Barmar

It could if the

Comment posted by Quentin

@Barmar — Then the form would be submitted by the

Comment posted by Barmar

Right. And that’s the problem he’s having — the two submissions are conflicting with each other.