天天看點

銀行卡卡号驗證

html部分:

<code>&lt;</code><code>html</code><code>&gt;</code>

<code>&lt;</code><code>body</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>div</code> <code>id</code><code>=</code><code>"bank"</code><code>&gt;</code>

<code>        </code><code>輸入銀行卡:</code>

<code>        </code><code>&lt;</code><code>input</code> <code>size</code><code>=</code><code>"4"</code> <code>tabindex</code><code>=</code><code>"1"</code> <code>maxlength</code><code>=</code><code>"4"</code> <code>onkeyup</code><code>=</code><code>"checkLen(this,this.value)"</code><code>/&gt;</code>

<code>        </code><code>&lt;</code><code>input</code> <code>size</code><code>=</code><code>"4"</code> <code>tabindex</code><code>=</code><code>"2"</code> <code>maxlength</code><code>=</code><code>"4"</code> <code>onkeyup</code><code>=</code><code>"checkLen(this,this.value)"</code><code>/&gt;</code>

<code>        </code><code>&lt;</code><code>input</code> <code>size</code><code>=</code><code>"4"</code> <code>tabindex</code><code>=</code><code>"3"</code> <code>maxlength</code><code>=</code><code>"4"</code> <code>onkeyup</code><code>=</code><code>"checkLen(this,this.value)"</code><code>/&gt;</code>

<code>        </code><code>&lt;</code><code>input</code> <code>size</code><code>=</code><code>"4"</code> <code>tabindex</code><code>=</code><code>"4"</code> <code>maxlength</code><code>=</code><code>"4"</code> <code>onkeyup</code><code>=</code><code>"checkLen(this,this.value)"</code><code>/&gt;</code>

<code>        </code><code>&lt;</code><code>input</code> <code>size</code><code>=</code><code>"3"</code> <code>tabindex</code><code>=</code><code>"5"</code> <code>maxlength</code><code>=</code><code>"3"</code> <code>onkeyup</code><code>=</code><code>"checkLen(this,this.value)"</code><code>/&gt;</code>

<code>    </code><code>&lt;/</code><code>div</code><code>&gt;</code>

<code>&lt;/</code><code>body</code><code>&gt;</code>

<code>&lt;/</code><code>html</code><code>&gt;</code>

js部分:

<code>&lt;script type=</code><code>"text/javascript"</code><code>&gt;</code>

<code>    </code><code>function</code> <code>checkLen(x,y)</code>

<code>    </code><code>{</code>

<code>        </code><code>if</code><code>(y.length==x.maxLength)</code>

<code>        </code><code>{</code>

<code>            </code><code>var</code> <code>next = x.tabIndex;</code>

<code>            </code><code>if</code><code>(next&lt;document.getElementById(</code><code>"bank"</code><code>).length)</code>

<code>            </code><code>{</code>

<code>                </code><code>document.getElementById(</code><code>"bank"</code><code>).elements[next].focus();</code>

<code>            </code><code>}</code>

<code>        </code><code>}      </code>

<code>    </code><code>}</code>

<code>&lt;/script&gt;</code>

<code></code>

本文轉自 愛笑嘚蛋蛋 51CTO部落格,原文連結:http://blog.51cto.com/dd118/1670054,如需轉載請自行聯系原作者

繼續閱讀