PHP BASIC: Enable For Numeric Value in Input type

Following script used only enable numeric value in input type.

Allow : only 0 to 9 numeric value.

Allow : backspace, delete, tab and escape

Allow : Ctrl+A

Allow : home, end, left, right

Script is following, just copy all code from textarea

<html>
 <head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
   <script type="text/javascript">
    //Only accept numerical value for contact number
    $(document).ready(function() {
     $("#contactNumber").keydown(function(event) {
      // Allow: backspace, delete, tab and escape
      if ( event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 ||
        // Allow: Ctrl+A
       (event.keyCode == 65 && event.ctrlKey === true) ||
        // Allow: home, end, left, right
       (event.keyCode >= 35 && event.keyCode <= 39)) {
         // let it happen, don't do anything
         return;
      }
      else {
       // Ensure that it is a number and stop the keypress
       if ((event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105 )) {
        event.preventDefault();
       }  
      }
     });
    });
   </script>
 </head>
 <body background="">
  <input type="text" id="contactNumber" name="contactNumber" style="width: 440px; height: 40px; border: 1px double goldenrod; margin: 295px 0px 0px 469px; border-radius: 10px 10px 10px 10px; background: none repeat scroll 0% 0% gold; font-weight: bold; color: saddlebrown; font-family: arial;" value="" placeholder="Please enter your contact number !">
 </body>
</html>

This script help you, when you made input type text for pone number.

This enable only for numeric value.

PHP BASIC

Thursday, 25 October 2012

Enable For Numeric Value in Input type

No comments:

Post a Comment