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