[jQuery] Modal Form & Validation + JSON call
can't seem to get the "button" for the modal to fire off the event for
validate can anymore see what i'm doing wrong here?
$(function() {
var name = $("#name"),
email = $("#email"),
message = $("#message"),
allFields = $([]).add(name).add(email).add(message),
container = $('div.container');
$("#dialog").dialog({
bgiframe: true,
autoOpen: false,
resizable: false,
height: 450,
width: 350,
modal: true,
buttons: {
'Email Resume': function() {
$("#emailresume").validate({
submitHandler: function() {
$.ajax({
type: 'POST',
url: 'process.php?cmd=emailresume',
dataType: 'html',
data: { name: $('#name').val(), email: $('#email').val(),
message: $('#message').val() },
success: function(data){
$(this).dialog('close');
},
error: function(){
alert("An error has occurred. Please try again.");
},
complete: function() {
$("#success").show();
$("#success").fadeOut(6000);
}
});
return false;
},
errorContainer: container,
errorLabelContainer: $("ul", container),
wrapper: 'li',
meta: "validate",
rules: {
name: {
required: true,
minlength: 3,
maxlength: 40
}
},
messages: {
name: {
required: "Name is required",
minlength: jQuery.format("Name is, minimum of {0}
characters"),
maxlength: jQuery.format("Name is, maximum of {0}
characters")
}
}
});
//return false;
},
Cancel: function() {
$(this).dialog('close');
}
},
close: function() {
allFields.val('').removeClass('ui-state-error');
}
});
$('#emailresume').click(function() {
$('#dialog').dialog('open');
});
});