jquery函数加载及生成随机数
生活随笔
收集整理的這篇文章主要介紹了
jquery函数加载及生成随机数
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
$(document).ready(function () {var code ; //在全局定義驗證碼
1.將函數寫好 function createCode(){code = "";var codeLength = 4;//驗證碼的長度var checkCode = document.getElementById("code");var random = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R', 'S','T','U','V','W','X','Y','Z');//隨機數for(var i = 0; i < codeLength; i++) {//循環操作var index = Math.floor(Math.random()*36);//取得隨機數的索引(0~35)code += random[index];//根據索引取得隨機數加到code上 }checkCode.value = code;//把code值賦給驗證碼 }
2.頁面加載完成之后執行函數createCode();// 點擊更換驗證碼
$("#code").click(function () {
3.點擊事件內部加載函數 createCode();});//校驗驗證碼$(".validate").click(function () {var inputCode = document.getElementById("input").value.toUpperCase(); //取得輸入的驗證碼并轉化為大寫if(inputCode.length <= 0) { //若輸入的驗證碼長度為0alert("請輸入驗證碼!"); //則彈出請輸入驗證碼}else if(inputCode != code ) { //若輸入的驗證碼與產生的驗證碼不一致時alert("驗證碼輸入錯誤!"); //則彈出驗證碼輸入錯誤createCode();//刷新驗證碼document.getElementById("input").value = "";//清空文本框}else { //輸入正確時alert("合格!");}}) }) </script>
1.將函數寫好 function createCode(){code = "";var codeLength = 4;//驗證碼的長度var checkCode = document.getElementById("code");var random = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R', 'S','T','U','V','W','X','Y','Z');//隨機數for(var i = 0; i < codeLength; i++) {//循環操作var index = Math.floor(Math.random()*36);//取得隨機數的索引(0~35)code += random[index];//根據索引取得隨機數加到code上 }checkCode.value = code;//把code值賦給驗證碼 }
2.頁面加載完成之后執行函數createCode();// 點擊更換驗證碼
$("#code").click(function () {
3.點擊事件內部加載函數 createCode();});//校驗驗證碼$(".validate").click(function () {var inputCode = document.getElementById("input").value.toUpperCase(); //取得輸入的驗證碼并轉化為大寫if(inputCode.length <= 0) { //若輸入的驗證碼長度為0alert("請輸入驗證碼!"); //則彈出請輸入驗證碼}else if(inputCode != code ) { //若輸入的驗證碼與產生的驗證碼不一致時alert("驗證碼輸入錯誤!"); //則彈出驗證碼輸入錯誤createCode();//刷新驗證碼document.getElementById("input").value = "";//清空文本框}else { //輸入正確時alert("合格!");}}) }) </script>
?
轉載于:https://www.cnblogs.com/xiaoxiao2017/p/10414624.html
總結
以上是生活随笔為你收集整理的jquery函数加载及生成随机数的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: GDI 函数
- 下一篇: UILocalNotification本