2. 程式人生 > >使用者註冊介面js校驗+表單提示

使用者註冊介面js校驗+表單提示

阿新 • • 發佈：2019-01-26
// 使用者名稱 function YHMonblus(){ var username=document.getElementById("username"); // var reN =/^\d{6,18}$/; var re = /^[a-zA-Z_]{6,18}$/; if(username.value==""){ document.getElementById('YHMerror').innerText="請輸入使用者名稱"; } else if(username.value.length < 6
||username.value.length > 18){ console.log(username.value); document.getElementById('YHMerror').innerText="格式錯誤,長度應為6-18個字元"; } else if(!re.test(username.value)){ document.getElementById('YHMerror').innerText="格式錯誤,只能包含英文字母和下劃線"; } else
{ document.getElementById('YHMerror').innerText =""; } } function YHMonfocu(){ document.getElementById('YHMerror').innerText =""; } // 密碼 function MMonblus(){ var password=document.getElementById("password"); var re = /^(?=.*\d)(?=.*[a-zA-Z])[\da-zA-Z]{6,}$/
; // var reg=/[A-Za-z].*[0-9]|[0-9].*[A-Za-z]/; if(password.value==""){ document.getElementById('MMerror').innerText="請輸入密碼"; } else if(password.value.length < 6){ document.getElementById('MMerror').innerText="格式錯誤,,密碼長度至少為6位"; } else if(!re.test(password.value)){ document.getElementById('MMerror').innerText="格式錯誤,必須包含英文字母大小寫和數字"; } else { document.getElementById('MMerror').innerText =""; } } function MMonfocu(){ document.getElementById('MMerror').innerText =""; } // 確認密碼 function QRMMonblus(){ var password=document.getElementById("password"); var confirmPassword=document.getElementById("confirmPassword"); if(confirmPassword.value==""){ document.getElementById('QRMMerror').innerText="請輸入確認密碼"; } else if(password.value != confirmPassword.value){ document.getElementById('QRMMerror').innerText="兩次密碼輸入不一致"; } else { document.getElementById('QRMMerror').innerText =""; } } function QRMMonfocu(){ document.getElementById('QRMMerror').innerText =""; } // 性別 function XBonblus(){ // var radios = document.getElementsByName("gender"); // if(radios.checked == false){ // document.getElementById('XBerror').innerText="請選擇性別"; // }else { // document.getElementById('XBerror').innerText =""; // } } function XBonfocu(){ // document.getElementById('XBerror').innerText =""; } // 愛好 function AHonblus(){ var hobbys = document.getElementsByName("hobby"); if(hobbys[0].checked == false&&hobbys[1].checked == false&&hobbys[2].checked == false){ document.getElementById('AHerror').innerText="請選擇愛好"; }else { document.getElementById('AHerror').innerText =""; } } function AHonfocu(){ document.getElementById('AHerror').innerText =""; } // 聯絡電話 function LXDHonblus(){ var phone=document.getElementById("phone"); var re = /^1\d{10}$/; if(phone.value==""){ document.getElementById('LXDHerror').innerText="請輸入聯絡電話"; } else if(!re.test(phone)){ document.getElementById('LXDHerror').innerText="電話格式輸入錯誤"; } else { document.getElementById('LXDHerror').innerText =""; } } function LXDHonfocu(){ document.getElementById('LXDHerror').innerText =""; } // 電子郵箱 function DZYXonblus(){ var email=document.getElementById("email"); var re= /[a-zA-Z0-9]{1,10}@[a-zA-Z0-9]{1,5}\.[a-zA-Z0-9]{1,5}/; if(email.value==""){ document.getElementById('DZYXerror').innerText="請輸入電子郵箱"; } else if(!re.test(email.value)){ document.getElementById("DZYXerror").innerHTML="郵箱格式不正確"; } else { document.getElementById('DZYXerror').innerText =""; } } function DZYXonfocu(){ document.getElementById('DZYXerror').innerText =""; }

相關推薦

使用者註冊介面js校驗+表單提示

// 使用者名稱 function YHMonblus(){ var username=document.getElementById("username"); // var reN =/^\d{6,18}$/; var re = /^[a-zA-

js校驗表單資料

//新增驗證規則 jQuery.validator.addMethod("chcharacter",function (value, element) { var tel = /^[\一-\龥]+$/

JS校驗表單(包括電話，郵編，手機號等等)

function isMail(obj,str,allowNull) { var pattern = /^([a-zA-Z0-9_-])[email protected]([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/; if(!isNo

iview動態校驗表單，獲取值為undefined

場景：實際程式碼如下：https://run.iviewui.com/XPofr3YS 原因：在動態校驗名稱時，沒法獲取值，請教了大神後，發現原來是自己demo沒理清楚 這裡的prop="name"應該是動態的，從新梳理demo 解決：程式碼應

20181006：為什麼要使用form表單而不是直接用html模板？校驗表單是怎樣處理的？

使用者登入流程：在forms.py中自己定義定義loginform類（其中包含登陸的表單，比如賬號、密碼、提交按鈕等）→ views.py中路由控制跳轉到登陸頁面模板（在其中傳入form），使用者輸入了賬號、密碼後點擊“提交”按鈕後，前端、後端校驗完成後，跳轉到

jQuery Validate 實現儲存時不校驗，提交時才校驗表單

                //儲存按鈕事件 function saveAction() {var form = $("#inputForm").find('.required');$.each(form, function(idx, item) {$(this).addClass('ignore');}

validate外掛校驗表單--自定義校驗,Ajax非同步校驗使用者名稱是否存在

1.所需要的外掛下載地址(放到js目錄下)https://pan.baidu.com/s/16KyrX16dzgGTIncho2WHmg2.引入庫<script src="js/jquery.validate.min.js" type="text/javascript"

onsubmit校驗表單時利用ajax的return false無效解決方法

原來的程式碼 function checkNewEmail(){              var re_email=new RegExp("\\[email protected]\\w+\\.\\w+\\.?\\w*");              var ne

Spring Boot構建的Web專案如何在服務端校驗表單輸入

本文首發於個人網站：Spring Boot構建的Web專案如何在服務端校驗表單輸入 這個例子用於演示在Spring Boot應用中如何驗證Web 應用的輸入，我們將會建立一個簡單的Spring MVC應用，來讀取使用者輸入並使用validation註解來檢查，並且當用戶輸入錯誤時，應用需要再螢幕上顯示錯誤

Spring Boot (一) 校驗表單重複提交

一、前言 在某些情況下，由於網速慢，使用者操作有誤(連續點選兩下提交按鈕)，頁面卡頓等原因，可能會出現表單資料重複提交造成資料庫儲存多條重複資料。 存在如上問題可以交給前端解決，判斷多長時間內不能再次點選儲存按鈕，當然，如果存在聰明的使用者能夠繞過前端驗證，後端更應該去進行攔截處理，下面小編將基於 Sprin

使用easyUI中的jquery.validate.min.js外掛進行表單驗證並自定義校驗規則

以前使用原生的js或者jQuery寫表單驗證真的好麻煩，使用上面的easyUI外掛配合著ajax真的節省好多程式碼量直接上程式碼<%@page contentType="text/html"%> <%@page pageEncoding="UTF-8"%&g

【javaweb】JS簡單的註冊頁面資料校驗

今天剛學JavaScript，利用JS對註冊頁面的輸入資料進行簡單的檢驗，還是有些不太懂的地方，記錄一下。 上原始碼： <html> <head> <meta charset="UTF-8"> <title></title>

angular js h5關於表單驗證的例子

checked tro mis scrip att sta error 自定義 account angular js表單驗證 <!DOCTYPE html><html><head lang="en"> <meta charse

原生js實現form表單序列化

defined json cnblogs 一個 break value 元素 default [0 大家都知道在jquery中有相應的表單序列化的方法： 1.serialize()方法 　　格式：var data = $("form").serialize(); 　　功能：

JS校驗銀行卡號、輸入卡號時放大效果

比較 left for 取出 abs focusout htm length rep 一、(校驗格式) function CheckBankNo(t_bankno) { 　　var bankno = $.trim(t_bankno); 　　if(bankno == ""

JS創建表單提交備份

targe 創建表 ext 計劃 eat element med car pen //保存 function saveFT() { var data = { createDate: GetDateS

js: 將 form表單序列化

序列化 form form的序列化，即將表單中的鍵值序列化為可提交的字符串 表單 <form id="target"> <select name="age"> <option value="age1">20</opti

jquery.form.js（ajax表單提交）

jquer 我們 使用 執行 sub 某個字段 httpd 區別 load Form插件地址： 官方網站：http://malsup.com/jQuery/form/ 翻譯地址：http://www.aqee.net/docs/jquery.form.plugin/jque

***四種參數傳遞的形式——URL，超鏈接，js，form表單

ont meta get span form表單 用戶名 傳遞參數 rip con 什麽時候用GET, 查，刪 什麽時候用POST,增，改 （特列：登陸用Post,因為不能讓用戶名和密碼顯示在URL上） 4種get傳參方式 <html xmlns="http:/

js的form表單提交url傳參數（包含+等特殊字符）的解決方法

字符 www. mit function form表單提交 sub win tno wiki 方法一：（偽裝form表單提交） linkredwin = function(A,B,C,D,E,F,G){ var formredwin = document.cr