Javascript
Attach FancyBox:
$("a#UsrFrm").fancybox({
'scrolling' : 'no',
'titleShow' : false,
'onClosed' : function() {
$("#login_error").hide();
}
});
Simple validation; submit data using Ajax and display response
$("#login_form").bind("submit", function() {
if ($("#login_name").val().length < 1 || $("#login_pass").val().length < 1) {
$("#login_error").show();
$.fancybox.resize();
return false;
}
$.fancybox.showActivity();
$.ajax({
type : "POST",
cache : false,
url : "UsrForm.pl",
data : $(this).serializeArray(),
success: function(data) {
$.fancybox(data);
}
});
return false;
});
|