1- Take the html layout where you want to the html layout.
<div class="pincode"> <input type="text" name="pincode" id='pincode1' placeholder="Enter pincode to check dilivery option"> <div id='pincode'></div> <input class="verify-button" type='button' onclick="checkForm()" value='Verify'> </div>2- The jquery for validation.
<script type="text/javascript"> function checkForm() { //fetching value from input field pincode and storing it in a variable var pincode = document.getElementById("pincode1").value; //alert(pincode); //Check input Fields Should not be blanks. if (pincode == '' ) { jQuery('#pincode').html('<div style="color:red;">Enter The Pincode</div>'); } else { jQuery.ajax({ url: "<?php echo $this->getBaseUrl();?>ajax/pincode_verify.php", type: "POST", data:'pincode='+pincode, success: function(abc){ //alert(abc); if(abc==1){ jQuery(".add-to-box").show(); jQuery('#pincode').html('<div style="color:green;">This pincod is available</div>'); } else{ jQuery(".add-to-box").hide(); jQuery('#pincode').html('<div style="color:red;">This pincod is not available</div>'); } } }); } } </script>3- create a folder name ajax in magento root directory and the inside it the pincode_verify.php for validation.
<?php require_once '../app/Mage.php'; Mage::app('default'); extract($_REQUEST); $read = Mage::getSingleton( 'core/resource' )->getConnection( 'core_read' ); $available_pincodes = Mage::getSingleton( 'core/resource' )->getTableName( 'available_pincodes' ); $query = "SELECT * FROM " . $available_pincodes." WHERE pincode_value = '".$pincode."'" ; $result = $read->fetchAll( $query ); if(count($result) > 0) echo 1; else echo 0; ?>
No comments:
Post a Comment