Hi Group ,

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" /></div>
        <div class="both paddbot2"><input type="text" id="iName" name="Name" size="38" style="width:148px;" maxlength="250" value="Name" /></div>
        <div class="both paddbot2"><input type="text" id="iEmail" name="Email" style="width:148px;" size="38" maxlength="250" value="Email" /></div>
        <div class="both paddbot2"><input type="text" id="iSubmit" name="subject" style="width:148px;" size="38" maxlength="250" value="Subject" /></h2></div>
        <div class="both paddbot2"><textarea id="iComment" name="Comment" rows="4" cols="17" >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;" class="moz-txt-link-rfc2396E" href="">"_javascript_:document.getElementById('content_feature_app').style.display='none';" src="" name="submit" title="submit" alt="Close" /></div>
            <div style="float:right;" class="pr5"><image id="submitdiv" style="border:0px;cursor:pointer;" src="" name="submit" title="submit" alt="submit" value="Submit" /></div>
        </div>
    </div>
            </form>


Any knid of help is appreciated.

thanks

--

Regards,

Amit Kr. Sharma

Profile:   http://www.linkedin.com/in/amit2sharma

Email id:  amit.mca...@gmail.com

 

Reply via email to