Announcement

Collapse
No announcement yet.

JavaScript Proper Social Security Number Validation

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • JavaScript Proper Social Security Number Validation

    One more JavaScript code example to accept numeric characters. But this JavaScript will work in the different manner, it on... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup

    Step 1: Copy & Paste JavaScript code below in your HEAD section
    JavaScript
    Code:
    <script type="text/javascript">
    // Created by: Mr. J | http://www.huntingground.net
    // This script downloaded from www.JavaScriptBank.com
    
    function advance2(currentField,nextField,limit) {
      if(nextField!="rset"&&document.myForm2[currentField].value.length == limit){
        document.myForm2[nextField].select();
      } else {
        if (document.myForm2[currentField].value.length == limit) {
          document.myForm2[currentField].maxLength=limit
          document.myForm2[nextField].select()
          document.myForm2[nextField].disabled=false
          document.myForm2[currentField].blur()
          document.myForm2[nextField].style.backgroundColor="#EFCCA4"
        }
      }
    }
    </script>
    Step 2: Copy & Paste HTML code below in your BODY section
    HTML
    Code:
    <p>
    This form is formatted for a social security number (XXX-XX-XXXX).</p>
    
    <form name="myForm2" onreset="this.rset.disabled='true'; this.rset.style.backgroundColor=''">
    <input type="text" name="t1" size="6" onclick="select()" onKeyUp="advance2('t1','t2',3)">
    <input type="text" name="t2" size="6" onclick="select()" onKeyUp="advance2('t2','t3',2)">
    <input type="text" name="t3" size="6" onclick="select()" onKeyUp="advance2('t3','rset',4)">
    <input type="reset" name="rset" onclick="this.blur()" disabled>
    </form>
    
    <div style="text-align: left; width: 70%;">
    <p>
    The limit for each individual field is passed to the function by the appropriate input event, as shown in the form using the format: <code>onKeyUp="advance2('currentField','nextField',limit)</code>"</p>
    </div>





Working...
X