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;
?>

Categories: Magento

0 Comments

Leave a Reply

Avatar placeholder

Your email address will not be published. Required fields are marked *