I have a problem with jquery submit button onclick
and default event.
What I want to do is replace an click event on submit button if it has one,
and get an dialog box to show up, on clicking yes the dialog should start that default onclick event if submit button has one defined, if it hasn't than the default event should happen (button submits form), .submit() function does not work for me in any case cause I need to send this button also through a form
and if button wasn't clicked .submit() sends form data without submit data.
Bellow code has a problem, alert('xxx') is always called
and it shouldn't,
and on clicking yes button alert
and dialog creation is called again, also if I remove alert button, I cannot call default submit button event (form submitting with a button).
$('input.confirm').each(function()
{
var input = this;
var dialog = document.createElement("div");
$(dialog).html('<p>AREYOUSHURE</p>');
$(input).click(function(event)
{
event.preventDefault();
var buttons = {};
buttons['NO'] = function() { $(this).dialog("close"); };
buttons['YES'] = function() { $(input).trigger('click'); $(this).dialog("close"); };
$(dialog).dialog(
{
autoOpen: false,
width: 200,
modal: true,
resizable: false,
buttons: buttons
});
$(dialog).dialog('open');
return false;
});
});
<form method="post" action="">
<input type="hidden" value="1" name="eventId" />
<input type="submit" value="Check" name="checkEvent" class="confirm" onclick="alert('xxx');" />
</form>
