程式碼-JS之註冊頁面驗證

阿新 • • 發佈：2018-12-16

//單獨判斷密碼強度 document.f1.pwd.onkeyup = function(){ //驗證密碼（帶密碼強度：純數字，純小寫字母，純大寫字母表示弱，二者組合表示中，三者都有表示強） if(!/^[a-z0-9]{6,}$/gi.test(this.value)){ this.nextSibling.innerHTML = '請輸入長度大於6位的數字字母組合'; }else if(/(^[0-9]+$)|(^[a-z]+$)|(^[A-Z]+$)/g.test(this.value)){ //弱

this.nextSibling.innerHTML = '密碼強度弱'; }else if(/(^[0-9a-z]+$)|(^[0-9A-Z]+$)|(^[A-z]+$)/g.test(this.value)){ //中 this.nextSibling.innerHTML = '密碼強度中'; }else{ //強 this.nextSibling.innerHTML = '密碼強度強'; } }; //繫結onsubmit事件

document.f1.onsubmit = function(){ //驗證使用者名稱 if(!/^[a-z0-9]{4,10}$/gi.test(this.username.value)){ alert('使用者名稱請輸入4~10位的數字字母組合'); return false; } //驗證密碼 if(!/^[a-z0-9]{6,}$/gi.test(this.pwd.value)){ alert('密碼請輸入大於6位的數字字母組合'); return

false; } //驗證手機 if(!/^1(32|33|34|35|86)\d{8}$/g.test(this.tel.value)){ alert('手機號格式不正確'); return false; } //驗證郵箱 if(!/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(this.email.value)){ alert('郵箱格式不正確'); return false; } };

程式碼-JS之註冊頁面驗證

//單獨判斷密碼強度 document.f1.pwd.onkeyup = function(){ //驗證密碼（帶密碼強度：純數字，純小寫字母，純大寫字母表示弱，二者組合表示中，三者都有表示強） if(!/^[a-z0-9]{6,}$/gi.test(thi

js對註冊頁面的簡單驗證

js語言<script type="text/javascript"> function tname(){ var name=document.getElementById("userName").value; var nullname=

小程序學習（四）小程序邏輯層之註冊頁面

其他 nor stop 默認 pat 標題 pre 開啟開始小程序學習（四）小程序邏輯層之註冊頁面註冊頁面（Page）小程序頁面的註冊，是通過 Page() 函數來完成的。接受一個 object 參數，指定頁面的初始數據，生命周期、事件處理函數等。 object

JAVA實現註冊頁面驗證碼重新整理

撰寫人——軟體二班——陳喜平需要的工具：tomcat/eclipse/jdk/（注意jdk版本要和tomca相匹配，以及注意區分32位和64位）步驟：依次建立servlet （伺服器需要）/ jsp（頁面需要）引入web.xml 如圖所示： doget方法裡面的程式碼： prot

程式碼-JS之使用正則物件的成員

/********* 使用正則物件的成員方式一 *********/ var str1 = "php phhp"; var r1 = /ph+p/; var result1 = r1.exec(str1); console.log(result1); /**

程式碼-JS之建構函式、原型物件、例項化的關係

/***************** 建構函式、原型物件、例項的關係 ********************/ function A(){ } function B(){ } //指定B的原型物件為A的一個例項 B.prototype = ne

程式碼-JS之擴充套件String物件

//擴充套件內建物件String，新增ucfirst方法。 String.prototype.ucfirst = function(){ //console.log(this); // this 表示 String的一個例項物件，其實就是要操作的字串 ret

程式碼-JS之Object.create方法

//create()方法是Obejct建構函式內的成員方法，而且是一個靜態方法（呼叫方式是直接使用Object來呼叫）。 //create()方法用於建立物件，建立物件的時候，可以指定物件的原型物件。 //var o = Object.create({原型物件}, {o物件的內容})

程式碼-JS之call、apply、bind函式

//這三個函式都可以改變函式內部this的指向 //函式.call(希望this指向的物件，引數1，引數2…); 呼叫之後，會直接執行函式 //函式.apply(希望this指向的物件，[引數1，引數2…]); 呼叫之後，會直接執行函式 //函式.bind(希望this

js實現登入頁面驗證碼

主要用到的是js生成隨機數 Math.floor();//向下取整 Math.random(); //0.0 ~ 1.0 之間的一個偽隨機數。【包含0不包含1】 <!DOCTYPE html> <html> <head lang="en"> <meta

程式碼-JS之靜態屬性和私有屬性

/***************** 靜態屬性 *****************/ //靜態方法的特點就是可以直接使用建構函式來呼叫 function A() { this.age = 10; //公開的非靜態的方法 A.sex = '男'; //

小程序入門之註冊頁面

lencod over 提示信息效果 view spa bmi relative for 註冊頁面：基本內容有賬號，密碼，確認密碼 wxml源碼： 1. 頂部提示錯誤信息 2. 輸入內容長度限制 3. 點擊註冊進行表單驗證 4. 存在問題：輸入框focus 無效

前端每日一小練2---京東註冊頁面（無JS驗證）

今天的demo主要涉及了以下幾個小知識點： 1.使用label標籤來對input標籤進行文字提示以及對齊的方式； 2.使用posi

js學習總結----crm客戶管理系統之前端頁面開發及數據渲染

bmi length element || useradd attribute xxx tle exe 具體代碼如下: index.html <!DOCTYPE html> <html lang="en"> <head> <

js移動端插件iosSelect.js之頁面中多次使用該插件的問題

.cn 插件 sselect com 自己 his 但是調用次數 select iosselect是在webapp下的一個picker組件，可以輕松實現各類選擇器效果。比如地區選擇時間選擇日期選擇等。網上教程是很多的，github詳解：https://github.

js之驗證碼倒計時功能

再次 -type clas appdata err onf spl ora turn <!DOCTYPE html> <html > <head> <meta http-equiv="Conten

js之iframe子頁面與父頁面通信

瀏覽器 cti data pos href 事件 java win 兩種方法 iframe子頁面與父頁面通信根據iframe中src屬性是同域鏈接還是跨域鏈接，通信方式也不同。一、同域下父子頁面的通信父頁面parent.html <html> <h

微信小程序-06-詳解介紹.js 邏輯層文件-註冊頁面

each 事件手動 tar ini blog strong 垂直後臺上一篇介紹的是 app.js 邏輯層文件中註冊程序，對應的每個分頁面都會有的 js 文件中 page() 函數註冊頁面微信小程序-06-詳解介紹.js 邏輯層文件-註冊頁面寶典官方文檔： htt

例子：實現最新版本Node.js中Express+mongodb的登入註冊頁面

由於版本差異巨大且不相容的情況下，作為才開始學習Node.js的菜鳥，書籍上的例子是不能看了，因此仿照著網路大神中的例子自己再歸納總結了一遍，方便自己以後檢視。好記性不如爛筆頭嘛。這裡主要使用的版本是express4.0+mongodb最新版本以及Bootstrap3.0介面所做。一

JS前臺頁面驗證文字框非空

效果圖：程式碼：原始碼： <script type="text/javascript"> function check(){ var xm = document.getElementById("xm").value; if