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>
