js模擬支付寶密碼輸入框
更新時(shí)間：2017年04月11日 16:16:26 作者：紫竹玉龍
這篇文章主要為大家詳細(xì)介紹了js模擬支付寶密碼輸入框效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了js模擬支付寶密碼輸入框效果的具體代碼，供大家參考，具體內(nèi)容如下
效果圖：
代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style>
input{
width:60px;
height:60px;
font-size:40px;
line-height: 60px;
}
</style>
<body>
<input type="password"/>
<input type="password"/>
<input type="password"/>
<input type="password"/>
</body>
<script src="jquery-1.11.3.js"></script>
<script>
$(function(){
var ww=2222;//服務(wù)器驗(yàn)證碼
$('input').eq(0).focus();
$('input').keyup(function(){
if($(this).val().length==1){
$(this).next().focus()
}
})
$('input').eq($('input').length-1).keyup(function(){
var valed=''
for(var i=0;i<$('input').length;i++){
valed=valed+$('input').eq(i).val()
}
if(Number(valed)==ww){
alert('輸入正確')
}else{
alert('輸入錯(cuò)誤')
}
}
)
})
</script>
</html>
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
Jquery代碼實(shí)現(xiàn)圖片輪播效果（一）
經(jīng)理交給我一個(gè)網(wǎng)站新聞資訊網(wǎng)頁開發(fā)的活兒，對(duì)于我這樣的java程序員，沒有接觸過網(wǎng)頁設(shè)計(jì)這么高端的東東，該怎么搞呢，去度娘那搜索到不少結(jié)果，而且很大部分都是用jquery做的，于是根據(jù)自己的一些的理解，提供了這篇jquery輪播效果的講解，有需要的朋友可以來參考下2015-08-08
僅一個(gè)form表單 js實(shí)現(xiàn)注冊(cè)信息依次填寫提交功能
這篇文章主要為大家詳細(xì)介紹了僅一個(gè)form表單，JavaScript可實(shí)現(xiàn)注冊(cè)信息依次填寫提交功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-06-06
在項(xiàng)目中我們往往要做很多很多的空值判斷進(jìn)行容錯(cuò)處理,往往伴隨著三目運(yùn)算、與或、if else來使用,下面這篇文章主要給大家介紹了關(guān)于JavaScript中?.?和??分別是什么的相關(guān)資料,需要的朋友可以參考下2023-02-02
俄羅斯方塊方塊是小時(shí)候的一個(gè)回憶，從最開始的掌上的黑白游戲機(jī)，到電視游戲機(jī)，到電腦，無不有它的痕跡，今天我們來一起重溫它的一種實(shí)現(xiàn)方法，也算是整理一下我的思路吧，感興趣的小伙伴一起學(xué)習(xí)吧2015-11-11
iscroll動(dòng)態(tài)加載數(shù)據(jù)完美解決方法
這篇文章主要為大家詳細(xì)介紹了iscroll動(dòng)態(tài)加載數(shù)據(jù)的完美解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
有時(shí)候需要客戶端限制一些特殊字符的輸入，下面是具體的代碼，需要的朋友可以參考下。2010-08-08
本文主要介紹了es6中??與||區(qū)別小結(jié)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-01-01
這篇文章主要介紹了JavaScript字符串的長(zhǎng)度問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-02-02
JS區(qū)分Object與Aarry的六種方法總結(jié)
下面小編就為大家?guī)硪黄狫S區(qū)分Object與Aarry的六種方法總結(jié)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02