Hi To All,
I am trying to get the jquery ajaxform plugin to work with the
validate plugin and I cannot seem to get submission right! It will
not stop the submission process no matter what I do. :(
Here is my test code...any help much appreciated. Thanks Lance
$.validator.setDefaults({
submitHandler: function() { alert("submitted!"); }
});
$().ready(function() {
// validate signup form on keyup and submit
$("#formaaa").validate({
rules: {
username: {
required: true,
minlength: 2 },
},
messages: {
username: {
required: "Please enter a username",
minlength: "Your username must consist of at
least 2 characters"
},
}
});
});
var FormID;
$(document).ready(function () {
//Bind the mouseover function to the form element
$("form").bind("mouseenter mouseleave", function(e){
FormID=(this.id);
// bind form using ajaxForm
$('#'+FormID).ajaxForm({
// target identifies the element(s) to update with the server
response
target: '#htmlExampleTarget'+FormID,
url: 'html-echo.php',
// success identifies the function to invoke when the server
response
// has been received; here we apply a fade-in effect to the
new content
success: function() {
$('#htmlExampleTarget'+FormID).fadeIn('slow');
}
});
});
});
</script>
<style>
p { background:yellow; font-weight:bold; cursor:pointer;
padding:5px; }
p.over { background: #ccc; }
span { color:red; }
</style>
</head>
<body>
<form id="formaaa" class="" action="" method="post" onSubmit="return
false;" >
Message: <input type="text" name="username" value=""
id="username" class="required" minlength="10" />
<input type="submit" value="Echo as HTML" />
</form>
<h3>htmlExampleTarget (output will be added below):</h3>
<div id="htmlExampleTargetformaaa"></div>
</body>
</html>
