»
Tiếng AnhTiếng PhápTiếng Việt

In - Vùng nhập liệu chỉ chấp nhận kí tự số - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Hạn chế » Vùng nhập liệu chỉ chấp nhận kí tự số
URL: https://www.javascriptbank.com/javascript-proper-social-security-number-validation.html

Vùng nhập liệu chỉ chấp nhận kí tự số © JavaScriptBank.comThêm một đoạn mã JavaScript khác nữa để tạo hiệu ứng JavaScript chỉ chấp nhận các kí tự số. Nhưng đoạn mã JavaScript này hoạt động theo cách thức khác, nó vẫn cho phép người dùng nhập vào các kí tự không phải là số, nhưng nút nhấn để gửi sẽ không được sử dụng cho đến khi người dùng nhập đúng các kí số.

Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Hạn chế » Vùng nhập liệu chỉ chấp nhận kí tự số
URL: https://www.javascriptbank.com/javascript-proper-social-security-number-validation.html



JavaScript
<script type="text/javascript">// Created by: Mr. J | http://www.huntingground.net// This script downloaded from www.JavaScriptBank.comfunction 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>


HTML
<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>