jQuery .submit Not working. Unable to get Value of Button using JQuery

Question

jQuery Submit is not submitting value of button on .submit();

I just wanted to show a confirm bootstrap popup onclick of submit btn.

But using jQuery .submit() form element "Submit" value is empty.

HTML markup:

<form class="form-horizontal" rel="opsform" data-validate="true" role="form" name="frmsetsku" id="frmsetsku" method="post" novalidate="novalidate">
//my input elements

<button class="btn btn-primary btn-sm mr6 " name="Submit" id="btn-action-save" value="Save" type="submit" onclick="return submitSku();"><i class="fa fa-floppy-o bigger-115 ace-icon"></i>Save</button>

</form>

jQuery code:

function  submitSku() {
    event.preventDefault();
    bootbox.confirm("This Will Delete All Previous SKU and add Newly Entered SKUs ", function(result) {
        dialog = this;
        if(result) {
            document.getElementById("frmsetsku").submit();
        }
    });
}

PHP code:

$submit = initRequestValue('Submit');
//my initPostValue allows me to take post value by name

If I remove jQuery, the code is working fine but I add my jQuery submit value is not received.

Why do you need the form? You can use the HTML tag button only to trigger the operation. I could not see which PHP handles the submit? — Mulli
– Mulli, Commented Jun 5, 2020 at 19:08
If you are using the onclick event to submit the form, then change the button type to button, instead of submit. — Swatantra Kumar
– Swatantra Kumar, Commented Jun 5, 2020 at 19:15

Swatantra Kumar · Accepted Answer · 2020-06-05 19:26:46Z

0

The <button> element, having the "button" value in its type attribute, instructs the browser to provide a regular button which has no associated action. Its effects must be controlled by something else e.g. JavaScript onClick

Since you are using the Javascript onClick event to submit the form, change the button type to button.

<form class="form-horizontal" rel="opsform" data-validate="true" role="form" name="frmsetsku" id="frmsetsku" method="post" novalidate="novalidate">
    <button class="btn btn-primary btn-sm mr6 " name="Submit" id="btn-action-save" value="Save" type="button" onclick="return submitSku();"><i class="fa fa-floppy-o bigger-115 ace-icon"></i>Save</button>
</form>

edited Jun 5, 2020 at 19:26

answered Jun 5, 2020 at 19:17

Swatantra Kumar

1,3286 gold badges25 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery .submit Not working. Unable to get Value of Button using JQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related