I had a problem using jQuery and cakephp, I am submitting a form through the jquery, on the click of an image.
All validation is checked , data string is formed, success function works but the url is not hitted , dont know why.
Here is the javascript code,
<script type="text/javascript">
function CheckEmail(email)
{
var filter = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
if(!filter.test(email)){
return false;
}
return true;
}
$(document).ready(function() {
$('#submitdiv').click(function(){
var iAppName = document.getElementById('iAppName').value;
var iName = document.getElementById('iName').value;
var iEmail = document.getElementById('iEmail').value;
var iSubmit = document.getElementById('iSubmit').value;
var iComment = document.getElementById('iComment').value;
var _str = '';
if(iAppName == '' || iAppName == 'Application Name'){
_str += 'Please enter application name.'+"\n";
}
if(iName == '' || iName == 'Name'){
_str += 'Please enter your name.'+"\n";
}
if(!CheckEmail(iEmail)){
_str += 'Please enter valid email address.'+"\n";
}
if(iSubmit == '' || iSubmit == 'Subject'){
_str += 'Please enter subject.'+"\n";
}
if(iComment == '' || iComment == 'Comments'){
_str += 'Please enter your comments.';
}
if(_str.length > 0){
alert(_str);
return false;
}
var dataString = 'appname='+ iAppName + '&name='+ iName + '&subject='+ iSubmit + '&email=' + iEmail + '&comment=' + iComment;
$.ajax({
type: 'POST',
url: '/appstore/feature_myapp', //appstore controller and feature_myapp function
data: dataString,
success: function() {
$('#feuappsdiv').append("<div id='message'></div>");
$('#message').html("<h6 style='padding:5px 0 0 20px;color:red;'>Request Submitted!</h6>")
.fadeOut(5000, function() {
});
}
});
$('#message').remove();
});
});
</script>
Html Code is ::
<div id="content_feature_app" class="content_feature_app">
<form id="fapp_form">
<div class="both paddbot2"><input type="text" id="iAppName" name="AppName" style="width:148px;" size="38" maxlength="250" value="Application Name" onfocus="clear_field(this);" onblur="fill_field(this);" /></div>
<div class="both paddbot2"><input type="text" id="iName" name="Name" size="38" style="width:148px;" maxlength="250" value="Name" onfocus="clear_field(this);" onblur="fill_field(this);" /></div>
<div class="both paddbot2"><input type="text" id="iEmail" name="Email" style="width:148px;" size="38" maxlength="250" value="Email" onfocus="clear_field(this);" onblur="fill_field(this);" /></div>
<div class="both paddbot2"><input type="text" id="iSubmit" name="subject" style="width:148px;" size="38" maxlength="250" value="Subject" onfocus="clear_field(this);" onblur="fill_field(this);" /></h2></div>
<div class="both paddbot2"><textarea id="iComment" name="Comment" rows="4" cols="17" onfocus="clear_field(this);" onblur="fill_field(this);">Comments</textarea></div>
<div class="both paddbot2 marginTop10" style="width:148px;">
<div style="float:left;" class="pl5"><input type="image" style="border:0px;cursor:pointer;" onClick="javascript:document.getElementById('content_feature_app').style.display='none';" src="/img/appstore/close.gif" name="submit" title="submit" alt="Close" /></div>
<div style="float:right;" class="pr5"><image id="submitdiv" style="border:0px;cursor:pointer;" src="/img/appstore/submit.gif" name="submit" title="submit" alt="submit" value="Submit" /></div>
</div>
</div>
</form>
Any knid of help is appreciated.
thanks
--
Regards,
Amit Kr. Sharma
Email id: amit.mca2k5@gmail.com
No comments:
Post a Comment