สร้างรูปแบบข้อความ เบอร์โทร เลขที่บัตรประชาชน เวลา ด้วย javascript

Javascript Code

แสดงปกติพิมพ์โค้ดนี้?

1. <script type="text/javascript">  
2. function autoTab(obj){  
3.     /* กำหนดรูปแบบข้อความโดยให้ _ แทนค่าอะไรก็ได้ แล้วตามด้วยเครื่องหมาย 
4.     หรือสัญลักษณ์ที่ใช้แบ่ง เช่นกำหนดเป็น  รูปแบบเลขที่บัตรประชาชน 
5.     4-2215-54125-6-12 ก็สามารถกำหนดเป็น  _-____-_____-_-__ 
6.     รูปแบบเบอร์โทรศัพท์ 08-4521-6521 กำหนดเป็น __-____-____ 
7.     หรือกำหนดเวลาเช่น 12:45:30 กำหนดเป็น __:__:__ 
8.     ตัวอย่างข้างล่างเป็นการกำหนดรูปแบบเลขบัตรประชาชน 
9.     */  
10.         var pattern=new String("_-____-_____-_-__"); // กำหนดรูปแบบในนี้  
11.         var pattern_ex=new String("-"); // กำหนดสัญลักษณ์หรือเครื่องหมายที่ใช้แบ่งในนี้  
12.         var returnText=new String("");  
13.         var obj_l=obj.value.length;  
14.         var obj_l2=obj_l-1;  
15.         for(i=0;i<pattern.length;i++){             
16.             if(obj_l2==i && pattern.charAt(i+1)==pattern_ex){  
17.                 returnText+=obj.value+pattern_ex;  
18.                 obj.value=returnText;  
19.             }  
20.         }  
21.         if(obj_l>=pattern.length){  
22.             obj.value=obj.value.substr(0,pattern.length);             
23.         }  
24. }  
25. </script>  

HTML Code

แสดงปกติพิมพ์โค้ดนี้?

1. <!--แทรก onkeyup="autoTab(this)"  ไว้ใน input text ที่ต้องการ-->  
2. <form id="form1" name="form1" method="post" action="">  
3.   <input name="data" type="text" id="data" onkeyup="autoTab(this)"  />  
4. </form>