2. 程式人生 > >JavaWeb-表單的及時驗證，在輸入後就可以立即驗證（含使用者型別,性別,愛好...的驗證）

JavaWeb-表單的及時驗證，在輸入後就可以立即驗證（含使用者型別,性別,愛好...的驗證）

阿新 • • 發佈：2018-12-30
//及時驗證使用者名稱 function checkuse(){ //在每個函式中定義check變數是為了在表單提交後，能夠逐個驗證每個函式是否通過，很好很好。（以下同理） var check; var username = document.getElementById("username").value; if (username.length > 18 || username.length < 6) { alert("使用者名稱輸入不合法，請重新輸入！"); //此處甚妙，既然你在此處輸入錯誤，那麼按理說當然要在此處繼續輸入了。（在此處繼續獲取焦點！）
document.getElementById("username").focus(); check = false; } else { document.getElementById("checktext1").innerHTML = "* 使用者名稱由6-18位字元組成 √"; check = true; } return check; } //利用正則表示式判斷密碼符合否
function checkpwd() { var check; var reg = /[^A-Za-z0-9_]+/; var regs = /^[a-zA-Z0-9_\u4e00-\u9fa5] + $ /; var password = document.getElementById("password").value; if (password.length < 6 || password.length > 18 || regs.test(password)) { alert("密碼輸入不合法，請重新輸入！"
); document.getElementById("password").focus(); check = false; } else { document.getElementById("checktext2").innerHTML = "* 密碼由6-18位字元組成，且必須包含字母、數字和標點符號 √"; check = true; } return check; } //驗證密碼是否不一致！ function checkpwdc() { var check; var password = document.getElementById("password").value; var pwdc = document.getElementById("pwdc").value; if (password != pwdc) { alert("兩次輸入密碼不一致，請重新輸入！"); document.getElementById("pwdc").focus(); check = false; } else { document.getElementById("checktext3").innerHTML = "* 請再次輸入你的密碼 √"; check = true; } return check; } //提交時驗證使用者類別 function checkut(){ var check; if(document.getElementById("selUser").selectedIndex == 0) { alert("請選擇使用者型別！"); document.getElementById("selUser").focus(); check = false; }else{ document.getElementById("checktext4").innerHTML = "* 請選擇使用者型別 √"; check = true; } return check; } //提交時驗證使用者性別 function checkGender(){ var check; var gender = ""; //獲取所有名稱為sex的標籤 var sex = document.getElementsByName("sex"); //遍歷這些名稱為sex的標籤 for(var i=0;i<sex.length;++i){ //如果某個sex被選中，則記錄 if(sex[i].checked) gender = sex[i].value; } if(gender == "") { alert("請選擇性別！"); check = false; }else{ document.getElementById("checktext5").innerHTML = "* 請選擇你的性別 √"; check = true; } return check; } //及時驗證出生日期 function checkDate(){ var check; if(document.getElementById("txtDate").value ==""){ alert("請填寫出生日期！"); document.getElementById("txtDate").focus(); check = false; }else{ document.getElementById("checktext6").innerHTML = "* 請選擇你的出生日期 √"; check = true; } return check; } //及時驗證興趣愛好 function checkHobby(){ var check; var hobby = 0; //objNum為所有名稱為hobby的input標籤 var objNum = document.getElementsByName("hobby"); //遍歷所有hobby標籤 for(var i=0;i<objNum.length;++i){ //判斷某個hobby標籤是否被選中 if(objNum[i].checked==true) hobby++; } //如果有選中的hobby標籤 if(hobby >=1){ document.getElementById("checktext7").innerHTML = "* 請選擇你的興趣愛好 √"; check = true; }else{ alert("請填寫愛好！"); check = false; } return check; } //正則表示式驗證電子郵件（及時） function checkemail(){ var check; //電子郵件的正則表示式 var e1 = document.getElementById("email").value.indexOf("@",0); var e2 = document.getElementById("email").value.indexOf(".",0); if(email == "" || (e1==-1 || e2==-1) || e2<e1 ) { alert("E_mail輸入錯誤!"); document.getElementById("email").focus(); check = false; } else { document.getElementById("checktext8").innerHTML = "* 請填寫常用的EMAIL，將用於密碼找回 √"; check = true; } return check; } //及時驗證自我介紹 function checkintro(){ var check; var intro = document.getElementById("introduction").value; if (intro.length > 100) { alert("字數超限！"); check = false; } else { document.getElementById("checktext9").innerHTML = "* 限100字內 √"; document.getElementById("checktext9").focus(); check = true; } return check; } //提交表單時所有都驗證一遍(若任何一個驗證不通過，則返回為false，阻止表單提交) function check() { var check = checkuse() && checkpwd() && checkpwdc() && checkut() && checkGender() && checkDate() && checkHobby() && checkemail() &&checkintro(); return check; }

相關推薦

JavaWeb-表單的及時驗證，在輸入後就可以立即驗證（含使用者型別,性別,愛好...的驗證）

//及時驗證使用者名稱 function checkuse(){ //在每個函式中定義check變數是為了在表單提交後，能夠逐個驗證每個函式是否通過，很好很好。（以下同理） var check; var username = docu

以股票RSI指標為例，學習Python傳送郵件功能（含RSI指標確定賣點策略）

    本人之前寫過若干“給程式設計師加財商”的系列文，目的是通過股票案例講述Python知識點，讓大家在學習Python的同時還能掌握相關的股票知識，所謂一舉兩得。     在之前的系列文裡，大家能看到K線，均線，成交量的案例，在本文裡，大家

JavaWeb網上圖書商城完整項目--day02-4.regist頁面提交表單時對所有輸入框進行校驗

word except 繼承 stub jstl use cti bmi imp 1、現在我們要將table表中的輸入的參數全部提交到後臺進行校驗，我們提交我們是按照表單的形式提交，所以我們首先需要在table表外面添加一個表單 <%@ page lang

RSA非對稱加密演算法(表單提交時，前端js加密，後端java解密)

RSA非對稱加密演算法(表單提交時，前端js加密，後端java解密 非對稱加密演算法 需要的工具 前端jsp頁面 js程式碼 加密解密的工具類 產生公鑰的類 處理登陸請求的類 加密成功的密碼 非對稱加密演算

JSP表單提交給Servlet處理後，轉到重定向的頁面時，佈局混亂

那是因為你的css樣式檔案路徑出錯了, 樣式檔案路徑用<link href="<%=path %>/source/bookshop.css" rel="stylesheet" type="text/css">   這樣無論如何都不會有問題 其中pat

[JavaWeb]表單提交的驗證(onSubmit和function的應用)

在提交表單的時候，可能有些使用者的不規範操作導致表單資料有的漏填。 所以要先判斷表單的資料是否為空。 <script type="text/javascript"> function c

javaweb前端表單請求路徑要和後端web.xml檔案配置一定要一致

這兩天跟著老師做一個小作品，作品裡面設定了登入功能和監聽器功能，其中在登入功能中使用了監聽器監聽功能監聽使用者的登入，下面是Servlet中判斷登入邏輯的一個方法： private void login(HttpServletRequest request, HttpSer

在使用django 的過程中難免的會使用到format表單進行提交，如果出現“CSRF驗證失敗. 相應中斷”.該如何解決呢？

CSRF驗證失敗. 相應中斷. 1）.首先，我們可以先看一下出現問題的所在的原因。 Your browser is accepting cookies.The view function passes

Java 驗證表單工具類，史上最全

Java 驗證表彰工具類，包含各種驗證如郵箱，密碼，整數，等等，全的讓你想不到 package com.wiker.utils; import java.util.regex.*; /** * * @version 1.0 * @author wiker * @si

正則表達過濾表單隱藏元素，組裝post數據

eth 正則表達 bin cnblogs value all match curl mat <form name="form1" action="‘.$serverUrl.‘" method="post" > <input type="hidden" n

表單提交前，判斷webuploader是否上傳

time inpu urn success pre load click nbsp ces function busUpLoadImg(postUrl,id) { .......//省略部分不用修改 　　uploader.on(‘uploadSuccess‘, f

HTML表單處理用戶輸入

字段 form log button 表單 沒有 默認方法 .text mon 1.HTML表單用於收集用戶輸入。通過<form> </form>標簽定義 2.<input> 元素是最重要的文本元素。 2.1.text定義常規文本輸入,p

回車提交表單input框的輸入內容

eight info height spa type lns inpu var 表單 代碼如下： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org

（轉）html 表單提交時，無法獲取到disabled屬性的input值

有效 AS 單元 java check bsp ado 控件 下拉框 input的字段當為disabled是，無法獲取值，無法改變值，所以在表單提交時，獲取不到值。可以用randomly解決這個問題。 <input name="country" id="countr

javaweb——表單案例 商品列表

tty height eight birt ctype 5.0 head radio href <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF

Struts學習（五）-表單標簽，一個實例練習

area 輸入 pan als 視覺效果 font pack quest 文本 表單標簽將在 HTML 文檔裏被呈現為一個表單元素 使用表單標簽的優點: 表單回顯 對頁面進行布局和排版 標簽的屬性可以被賦值為一個靜態的值或一個 OGNL 表達式. 如果在賦值時使用了一個

form表單提交中，確定和取消效果的實現

前端開發中的資料提交，目前大多數採用表單提交的方式，但是對於很對初學者來說，只知道在表單格式中，只有一個<input type="submit">,如果有兩個或者要求有多個提交選擇的時候應該怎麼做呢，其實用js就可以簡單實現： 例如下面的效果： 有一個確定和取消的

form表單可以提交，阻止頁面跳轉

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body&g

基於React Native封裝的表單提交Container，用於替代RN官方元件KeyboardAvoidingView(不相容Android)react-native-keyboardavoidv

react-native-keyboardavoidview 基於React Native封裝的表單提交Container，用於替代RN官方元件KeyboardAvoidingView(不相容Android) Theory 重寫TextInput的onFocus方法，藉助Sc

Tornado實現表單的提交，檔案的獲取

#注意下面的config的配置檔案 from tornado.httpserver import HTTPServer from tornado.ioloop import IOLoop from tornado.options import define, parse_config_file, o