HOME

Mini Shell 1.0
DIR:/home/suryaworld.edu.in/www/
Current File : //home/suryaworld.edu.in/www/enquery.php
<? include('include/header.php'); ?>
<tr>
<td class="middle_bg" align="center">             
                
                    
<table width="950px" align="center" class="pagebackground" cellpadding="8px" border="0">
        <tbody><tr>
            <td>
                <table width="100%" cellpadding="5px" id="contact_form">
                    <tbody><tr>
                        <td colspan="2" class="PageHeading">
                            Drop An Enquiry
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" style="padding-bottom:20px;border-bottom:#ccc 1px solid;">
                            <p>Hi,</p>
                            <p>Welcome to the online interactive counseling web page of Surya World.</p>
                            <p>Please leave your full name, email address, course interested in, city/state, mobile number and some comments in the boxes below, so that one of our 
                            Counseling Managers may get in touch with you shortly to understand your exact requirements before explaining the best available programme to you 
                            to help you attain your objectives. Once he answers all your queries and you are satisfied, you will receive your Surya World 
                            prospectus.</p>
                            <p>Best wishes</p>

                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                        <span style="color:Red;">*</span> Mandatory Fields.
                        </td>
                    </tr>
                    <tr>
                    <td>
                    
					<fieldset id="contact-form">
						<table class="form-box">
						<tbody class="form-left">
							
							<tr>
							<td>
							<div id="result"></div>
							</td>
							</tr>

					
					
                    <tr>
                        
                        <td>
                           <input class="form-text" type="text" placeholder="Enter Your Name"  name="name" >
                           <span id="name" style="display: none;">Please Enter Your Name</span>
                            &nbsp;
                        </td>
                        
                        
                    </tr>
                    <tr>
                    <td>
                            <input class="form-text" type="text" placeholder="Phone Number"  name="phone" >
                            <span id="phone" style="display: none;">Please Enter Your Phone Number</span>
                            &nbsp;
                        </td>
                    </tr>
                     <tr>
                        
                        <td>
                            <select class="form-select" name="course" id="course" >
	<option value="">-------Course Interested in------</option>
	<option value="">----Engineering----</option>
	<option value="B.Tech. CS">B.Tech. CS</option>
	<option value="B.Tech. ECE">B.Tech. ECE</option>
	<option value="B.Tech. EE">B.Tech. EE</option>
	<option value="B.Tech. Civil">B.Tech. Civil</option>
	<option value="B.Tech. ME">B.Tech. ME</option>
	<option value="B.Tech. IT">B.Tech. IT</option>
	<option value="B.Tech. CCE">B.Tech. CCE</option>
	<option value="B.Tech. CME">B.Tech. CME</option>
	<option value="M.Tech.">M.Tech. ECE</option>
	<option value="M.Tech.">M.Tech. ME</option>
	<option value="">----Architecture----</option>
	<option value="B.Arch.">B.Arch.</option>
	<option value="">----Management----</option>
	<option value="MBA">MBA</option>
	<option value="PGDM">PGDM</option>
	<option value="BBA">BBA</option>
	<option value="">----Computer Science----</option>
	<option value="MCA">MCA</option>
	<option value="PGDCA">PGDCA</option>
	<option value="BCA">BCA</option>
	<option value="">----Pharmacy----</option>
	<option value="B.Pharma">B.Pharma</option>
	<option value="D.Pharma">D.Pharma</option>
	<option value="">----Hotel Management----</option>
	<option value="BHMCT">BHMCT</option>
	<option value="DHMCT">DHMCT</option>
	<option value="">----Other Graduation Courses----</option>
	<option value="B.Com.(Hons.)">B.Com.(Hons.)</option>
	<option value="B.Sc.(Non Medical)">B.Sc.(Non Medical)</option>
	<option value="">----Higher Secondary School----</option>
	<option value="11th Non Medical">11th Non Medical</option>
	<option value="11th Medical">11th Medical</option>
	<option value="12th Non Medical">12th Non Medical</option>
	<option value="12th Medical">12th Medical</option>

</select>
                            
                        </td></tr>
                        
                      
                        <tr>
                        <td>
                            <input class="form-text" type="text" placeholder="Enter Your State" name="state" >
                            <span id="state" style="display: none;">Please Enter Your State</span>
                            
                        </td>
                        
                        </tr>
                        
                   
                    <tr>
                       
                        
                        <td>
                            <textarea class="form-area" placeholder="Enter Your Message" name="message" ></textarea>
                            <span id="message" style="display: none;">Please Enter Message</span>
                        </td>
                        </tr>
                        <tr>
                        
                        <td>
                            <button  id="contact_now" class="form-submit">Submit</button>
                        </td>
                    </tr>
                  
                    </tbody>
                    </table>
                   
					</fieldset>
					</td>
                    </tr>

            </td>
        </tr>
   


</td>
</tr>
<tr>
                <td class="footer_bg" align="center">
                    <table id="footer" border="0" cellpadding="0" cellspacing="0">
                        <tbody><tr>
                            <td align="center" valign="top">
                                <table border="0" cellpadding="0" cellspacing="0" width="894">
                                    <tbody><tr>
                                        <td height="10">
                                        </td>
                                    </tr>
                                    
<script>
$('#contact-form input[name=question]').keydown(function(event) {
if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 
	|| event.keyCode == 27 || event.keyCode == 13 
	|| (event.keyCode >= 35 && event.keyCode <= 43)){
		return;
}
else 
{
	if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105 )) {
		event.preventDefault(); 
	}   
}
});
$('#contact-form input[name=name]').keypress(function (e) {
        var regex = new RegExp("^[a-zA-Z._\b  ]+$");
        var str = String.fromCharCode(!e.charCode ? e.which : e.charCode);
        if (regex.test(str)) {
            return true;
        }
        else
        {
        e.preventDefault();
        //alert('Please Enter Alphabate');
        return false;
        }
});

$(document).ready(function() {
	
    $("#contact_now").click(function() { 
        //get input field values 
		var user_name	   		= $('#contact-form input[name=name]').val(); 
        var user_phone      		= $('#contact-form input[name=phone]').val();
       	var user_course     		= $('#contact-form select[name=course]').val();
		var user_state     		= $('#contact-form input[name=state]').val();
		var user_msg          	   	= $('#contact-form textarea[name=message]').val();		
		
        
        //simple validation at client's end
        //we simply change border color to red if empty field using .css()
        var proceed = true;		
		if(user_name=='') {
			$('#contact-form input[name=name]').css('border-color','red');
			$('#name').show();
			proceed = false;
		}					
       if(user_phone==''){ 
            $('input[name=phone]').css('border-color','red');
		if($.trim(user_phone).length == 0) {
           $('#phone').show();
		  proceed = false;
        }
		}
        
      if(user_course=='') {
			$('#contact-form select[name=course]').css('border-color','red');
			$('#course').show();
			proceed = false;
		}		
      if(user_state=='') {
			$('#contact-form input[name=state]').css('border-color','red');
			$('#state').show();
			proceed = false;
		}		
		if(user_msg=='') {
			$('#contact-form textarea[name=message]').css('border-color','red');
			$('#message').show();
			proceed = false;
		}		
	  //everything looks good! proceed...
        if(proceed) 
        {
            //data to be sent to server
            post_data = {'username':user_name,
			'userPhone':user_phone,
			'userCourse':user_course,
			'userState':user_state,
			'userMsg':user_msg
			};
            
            //Ajax post data to server
            $.post('contact_me.php', post_data, function(response){  

                //load json data from server and output message     
				if(response.type == 'error')
				{
					output = '<div class="error">'+response.text+'</div>';
				} else {
				   output = '<div class="success-con">'+response.text+'</div>';
					
					//reset values in all input fields
					$('#contact-form input[type=text]').val('');
					$('#contact-form textarea').val('');				
				}
				$("#contact-form #result").hide().html(output).slideDown();
				$("#contact-form #result .success-con").delay(5000).slideUp(500);					
            }, 'json');	
        }
    });
    
    //reset previously set border colors and hide all message on .keyup()
		
/*******  ONkey Event  *********/
	$("#contact-form input[name=name]").click(function() { 
        $("#contact-form input[name=name]").css('border-color',''); 
		$('#name').hide();
    });	
	$("#contact-form input[name=name]").keyup(function() { 
        $("#contact-form input[name=name]").css('border-color',''); 
		$('#name').hide();
    });
	$("#contact-form input[name=phone]").click(function() { 
        $("#contact-form input[name=phone]").css('border-color',''); 
		$('#phone').hide();
    });	
	$("#contact-form input[name=phone]").keyup(function() { 
        $("#contact-form input[name=phone]").css('border-color',''); 
		$('#phone').hide();
    });
	$("#contact-form input[name=course]").keyup(function() { 
        $("#contact-form input[name=course]").css('border-color',''); 
		$('#course').hide();
    });		
	$("#contact-form input[name=course]").click(function() { 
        $("#contact-form input[name=course]").css('border-color',''); 
		$('#course').hide();
    });		

	$("#contact-form textarea[name=message]").keyup(function() { 
        $("#contact-form textarea[name=message]").css('border-color',''); 
		$('#message').hide();
    });		
	$("#contact-form textarea[name=message]").click(function() { 
        $("#contact-form textarea[name=message]").css('border-color',''); 
		$('#message').hide();
    });	
    
	$("#contact-form textarea[name=state]").keyup(function() { 
        $("#contact-form textarea[name=state]").css('border-color',''); 
		$('#state').hide();
    });		
	$("#contact-form textarea[name=message]").click(function() { 
        $("#contact-form textarea[name=message]").css('border-color',''); 
		$('#state').hide();
    });	

	
/*******  ONkey Event  *********/
		
});


</script>
                                   
     
                                 
                                    
                                    
                                    
                
     <?php include('include/footer.php'); ?>