2. 程式人生 > >java script驗證表單大全

java script驗證表單大全

阿新 • • 發佈：2018-11-03

js 驗證表單大全
1. 長度限制
<script>
function test()
{
if(document.a.b.value.length>50)
{
alert(" 不能超過50 個字元！");
document.a.b.focus();
return false;
}
}
</script>
<form name=a onsubmit="return test()">
<textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>
<input type="submit" name="Submit" value="check">
</form>

2.

只能是漢字
<input onkeyup="value="/oblog/value.replace(/[^/u4E00-/u9FA5]/g,'')">

3." 只能是英文
<script language=javascript>
function onlyEng()
{
if(!(event.keyCode>=65&&event.keyCode<=90))
event.returnvalue=false;
}
</script>

<input onkeydown="onlyEng();">

4. 只能是數字
<script language=javascript>
function onlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
//
考慮小鍵盤上的數字鍵
event.returnvalue=false;
}
</script>

<input onkeydown="onlyNum();">

5. 只能是英文字元和數字
<input onkeyup="value="/oblog/value.replace(/[/W]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))">

6. 驗證油箱格式
<SCRIPT LANGUAGE=javascript RUNAT=Server>
function isEmail(strEmail) {
if (strEmail.search(/^/w+((-/w+)|(/./w+))*/@[A-Za-z0-9]+((/.|-)[A-Za-z0-9]+)*/.[A-Za-z0-9]+$/) != -1)
return true;
else
alert("oh");
}
</SCRIPT>
<input type=text onblur=isEmail(this.value)>

7.
遮蔽關鍵字( 這裡遮蔽*** 和****)
<script language="javascript1.2">
function test() {
if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0)){
alert(":)");
a.b.focus();
return false;}
}
</script>
<form name=a onsubmit="return test()">
<input type=text name=b>
<input type="submit" name="Submit" value="check">
</form>

8. 兩次輸入密碼是否相同
<FORM METHOD=POST ACTION="">
<input type="password" id="input1">
<input type="password" id="input2">
<input type="button" value="test" onclick="check()">
</FORM>
<script>
function check()
{
with(document.all){
if(input1.value!=input2.value)
{
alert("false")
input1.value = "";
input2.value = "";
}
else document.forms[0].submit();
}
}
</script>
 夠了吧 :)
 遮蔽右鍵 很酷
oncontextmenu="return false" ondragstart="return false" onselectstart="return false"
 加在body 中


 二

2.1   表單項不能為空

<script   language="javascript">
<!--
function   CheckForm()
{  
if   (document.form.name.value.length   ==   0)   {  
alert(" 請輸入您姓名!");
document.form.name.focus();
return   false;
}
return   true;
}
-->
</script>

2.2   比較兩個表單項的值是否相同

<script   language="javascript">
<!--
function   CheckForm()
if   (document.form.PWD.value   !=   document.form.PWD_Again.value)   {  
alert(" 您兩次輸入的密碼不一樣！請重新輸入.");
document.ADDUser.PWD.focus();
return   false;
}
return   true;
}
-->
</script>

2.3   表單項只能為數字和"_", 用於電話/ 銀行帳號驗證上, 可擴充套件到域名註冊等

<script   language="javascript">
<!--
function   isNumber(String)
{  
var   Letters   =   "1234567890-";   // 可以自己增加可輸入值
var   i;
var   c;
if(String.charAt(   0   )=='-')
return   false;
if(   String.charAt(   String.length   -   1   )   ==   '-'   )
return   false;
for(   i   =   0;   i   <   String.length;   i   ++   )
{  
c   =   String.charAt(   i   );
if   (Letters.indexOf(   c   )   <   0)
return   false;
}
return   true;
}
function   CheckForm()
{  
if(!   isNumber(document.form.TEL.value))   {  
alert(" 您的電話號碼不合法！");
document.form.TEL.focus();
return   false;
}
return   true;
}
-->
</script>


2.4   表單項輸入數值/ 長度限定

<script   language="javascript">
<!--
function   CheckForm()  
{  
if   (document.form.count.value   >   100   ||   document.form.count.value   <   1)
{  
alert(" 輸入數值不能小於零大於100!");
document.form.count.focus();
return   false;
}
if   (document.form.MESSAGE.value.length<10)
{  
alert(" 輸入文字小於10!");
document.form.MESSAGE.focus();
return   false;
}
return   true;
}
//-->
</script>

2.5   中文/ 英文/ 數字/ 郵件地址合法性判斷

<SCRIPT   LANGUAGE="javascript">
<!--

function   isEnglish(name)   // 英文值檢測
{  
if(name.length   ==   0)
return   false;
for(i   =   0;   i   <   name.length;   i++)   {  
if(name.charCodeAt(i)   >   128)
return   false;
}
return   true;
}

function   isChinese(name)   // 中文值檢測
{  
if(name.length   ==   0)
return   false;
for(i   =   0;   i   <   name.length;   i++)   {  
if(name.charCodeAt(i)   >   128)
return   true;
}
return   false;
}

function   isMail(name)   //   E-mail 值檢測
{  
if(!   isEnglish(name))
return   false;
i   =   name.indexOf("   at   ");
j   =   name   dot   lastIndexOf("   at   ");
if(i   ==   -1)
return   false;
if(i   !=   j)
return   false;
if(i   ==   name   dot   length)
return   false;
return   true;
}

function   isNumber(name)   // 數值檢測
{  
if(name.length   ==   0)
return   false;
for(i   =   0;   i   <   name.length;   i++)   {  
if(name.charAt(i)   <   "0"   ||   name.charAt(i)   >   "9")
return   false;
}
return   true;
}

function   CheckForm()
{  
if(!   isMail(form.Email.value))   {  
alert(" 您的電子郵件不合法！");
form.Email.focus();
return   false;
}
if(!   isEnglish(form.name.value))   {  
alert(" 英文名不合法！");
form.name.focus();
return   false;
}
if(!   isChinese(form.cnname.value))   {  
alert(" 中文名不合法！");
form.cnname.focus();
return   false;
}
if(!   isNumber(form.PublicZipCode.value))   {  
alert(" 郵政編碼不合法！");
form.PublicZipCode.focus();
return   false;
}
return   true;
}
//-->
</SCRIPT>

2.6   限定表單項不能輸入的字元

<script   language="javascript">
<!--

function   contain(str,charset)//   字串包含測試函式
{  
var   i;
for(i=0;i<charset.length;i++)
if(str.indexOf(charset.charAt(i))>=0)
return   true;
return   false;
}

function   CheckForm()
{  
if   ((contain(document.form.NAME.value,   "%/(/)><"))   ||   (contain(document.form.MESSAGE.value,   "%/(/)><")))
{  
alert(" 輸入了非法字元");
document.form.NAME.focus();
return   false;
}
return   true;
}
//-->
</script>  

1. 檢查一段字串是否全由數字組成       
---------------------------------------       
<script language="Javascript"><!--           
function checkNum(str){return str.match(//D/)==null}           
alert(checkNum("1232142141"))           
alert(checkNum("123214214a1"))           
// --></script>         
      
2. 怎麼判斷是否是字元         
---------------------------------------       
if (/[^/x00-/xff]/g.test(s)) alert(" 含有漢字");          
else alert(" 全是字元");      
           
3. 怎麼判斷是否含有漢字        
---------------------------------------        
if (escape(str).indexOf("%u")!=-1) alert(" 含有漢字");         
else alert(" 全是字元");           
    
4. 郵箱格式驗證    
---------------------------------------      
// 函式名：chkemail     
// 功能介紹：檢查是否為Email Address     
// 引數說明：要檢查的字串     
// 返回值：0 ：不是 1 ：是     
function chkemail(a)     
{ var i=a.length;     
var temp = a.indexOf('@');     
var tempd = a.indexOf('.');     
if (temp > 1) {     
if ((i-temp) > 3){     
if ((i-tempd)>0){     
return 1;     
}     
    
}     
}     
return 0;     
}     
    
5. 數字格式驗證    
---------------------------------------      
// 函式名：fucCheckNUM     
// 功能介紹：檢查是否為數字     
// 引數說明：要檢查的數字     
// 返回值：1 為是數字，0 為不是數字     
function fucCheckNUM(NUM)     
{     
var i,j,strTemp;     
strTemp="0123456789";     
if ( NUM.length== 0)     
return 0     
for (i=0;i<NUM.length;i++)     
{     
j=strTemp.indexOf(NUM.charAt(i));     
if (j==-1)     
{     
// 說明有字元不是數字     
return 0;     
}     
}     
// 說明是數字     
return 1;     
}     
    
6. 電話號碼格式驗證    
---------------------------------------      
// 函式名：fucCheckTEL     
// 功能介紹：檢查是否為電話號碼     
// 引數說明：要檢查的字串     
// 返回值：1 為是合法，0 為不合法     
function fucCheckTEL(TEL)     
{     
var i,j,strTemp;     
strTemp="0123456789-()# ";     
for (i=0;i<TEL.length;i++)     
{     
j=strTemp.indexOf(TEL.charAt(i));     
if (j==-1)     
{     
// 說明有字元不合法     
return 0;     
}     
}     
// 說明合法     
return 1;     
}    
   
7. 判斷輸入是否為中文的函式   
---------------------------------------      
function ischinese(s){   
var ret=true;   
for(var i=0;i<s.length;i++)   
ret=ret && (s.charCodeAt(i)>=10000);   
return ret;   
}    
   
8. 綜合的判斷使用者輸入的合法性的函式  
---------------------------------------      
<script language="javascript">  
// 限制輸入字元的位數開始  
//m 是使用者輸入，n 是要限制的位數  
function issmall(m,n)  
{  
if ((m<n) && (m>0))  
   {  
   return(false);  
   }  
else  
{return(true);}  
}  
  
9. 判斷密碼是否輸入一致  
---------------------------------------      
function issame(str1,str2)  
{  
if (str1==str2)  
{return(true);}  
else  
{return(false);}  
}  
  
10. 判斷使用者名稱是否為數字字母下滑線
---------------------------------------      
function notchinese(str){
var reg=/[^A-Za-z0-9_]/g
     if (reg.test(str)){
     return (false);
     }else{
return(true);     }
}

11. form 文字域的通用校驗函式
---------------------------------------      
 作用：檢測所有必須非空的input 文字，比如姓名，賬號，郵件地址等等。
 該校驗現在只針對文字域，如果要針對form 裡面的其他域物件，可以改變判斷條件。

 使用方法：在要檢測的文字域中加入title 文字。文字是在提示資訊，你要提示給使用者的該欄位的中文名。比如要檢測使用者名稱
html 如下<input name="txt_1" title=" 姓名">, 當然，最好用視覺化工具比如dreamweaver 什麼的來編輯域。
 如果要檢測數字型別資料的話，再把域的id 統一為sz.
javascript 判斷日期型別比較麻煩，所以就沒有做日期型別校驗的程式了. 高手可以補充。

 程式比較草，只是提供一個思路。拋磚引玉！ ：）
 哦，對了，函式呼叫方法：< form   onsubmit="return dovalidate()">

function dovalidate()
{
fm=document.forms[0] // 只檢測一個form, 如果是多個可以改變判斷條件
     for(i=0;i<fm.length;i++)
     {  
     // 檢測判斷條件，根據型別不同可以修改
     if(fm[i].tagName.toUpperCase()=="INPUT" &&fm[i].type.toUpperCase()=="TEXT" && (fm[i].title!=""))
    
          if(fm[i].value="/blog/="")//
          {
          str_warn1=fm[i].title+" 不能為空!";
          alert(str_warn1);
         fm[i].focus();
          return false;         
          }
          if(fm[i].id.toUpperCase()=="SZ")// 數字校驗
          {
                  if(isNaN(fm[i].value))
                 { str_warn2=fm[i].title+" 格式不對";
                 alert(str_warn2);
                 fm[i].focus();
                  return false;
                  }
         }
     }
     return true;
}


2 > 表單提交驗證類


2.1 表單項不能為空

<script language="javascript">
<!--
function CheckForm()
{
if (document.form.name.value.length == 0) {
alert(" 請輸入您姓名!");
document.form.name.focus();
return false;
}
return true;
}
-->
</script>

2.2 比較兩個表單項的值是否相同

<script language="javascript">
<!--
function CheckForm()
if (document.form.PWD.value != document.form.PWD_Again.value) {
alert(" 您兩次輸入的密碼不一樣！請重新輸入.");
document.ADDUser.PWD.focus();
return false;
}
return true;
}
-->
</script>

2.3 表單項只能為數字和"_", 用於電話/ 銀行帳號驗證上, 可擴充套件到域名註冊等

<script language="javascript">
<!--
function isNumber(String)
{
var Letters = "1234567890-"; // 可以自己增加可輸入值
var i;
var c;
if(String.charAt( 0 )=='-')
return false;
if( String.charAt( String.length - 1 ) == '-' )
return false;
for( i = 0; i < String.length; i ++ )
{
c = String.charAt( i );
if (Letters.indexOf( c ) < 0)
return false;
}
return true;
}
function CheckForm()
{
if(! isNumber(document.form.TEL.value)) {
alert(" 您的電話號碼不合法！");
document.form.TEL.focus();
return false;
}
return true;
}
-->
</script>


2.4 表單項輸入數值/ 長度限定

<script language="javascript">
<!--
function CheckForm()
{
if (document.form.count.value > 100 || document.form.count.value < 1)
{
alert(" 輸入數值不能小於零大於100!");
document.form.count.focus();
return false;
}
if (document.form.MESSAGE.value.length<10)
{
alert(" 輸入文字小於10!");
document.form.MESSAGE.focus();
return false;
}
return true;
}
//-->
</script>

2.5 中文/ 英文/ 數字/ 郵件地址合法性判斷

<SCRIPT LANGUAGE="javascript">
<!--

function isEnglish(name) // 英文值檢測
{
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charCodeAt(i) > 128)
return false;
}
return true;
}

function isChinese(name) // 中文值檢測
{
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charCodeAt(i) > 128)
return true;
}
return false;
}

function isMail(name) // E-mail 值檢測
{
if(! isEnglish(name))
return false;
i = name.indexOf(" at ");
j = name dot lastIndexOf(" at ");
if(i == -1)
return false;
if(i != j)
return false;
if(i == name dot length)
return false;
return true;
}

function isNumber(name) // 數值檢測
{
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charAt(i) < "0" || name.charAt(i) > "9")
return false;
}
return true;
}

function CheckForm()
{
if(! isMail(form.Email.value)) {
alert(" 您的電子郵件不合法！");
form.Email.focus();
return false;
}
if(! isEnglish(form.name.value)) {
alert(" 英文名不合法！");
form.name.focus();
return false;
}
if(! isChinese(form.cnname.value)) {
alert(" 中文名不合法！");
form.cnname.focus();
return false;
}
if(! isNumber(form.PublicZipCode.value)) {
alert(" 郵政編碼不合法！");
form.PublicZipCode.focus();
return false;
}
return true;
}
//-->
</SCRIPT>

2.6 限定表單項不能輸入的字元

<script language="javascript">
<!--

function contain(str,charset)// 字串包含測試函式
{
var i;
for(i=0;i<charset.length;i++)
if(str.indexOf(charset.charAt(i))>=0)
return true;
return false;
}

function CheckForm()
{
if ((contain(document.form.NAME.value, "%/(/)><")) || (contain(document.form.MESSAGE.value, "%/(/)><")))
{
alert(" 輸入了非法字元");
document.form.NAME.focus();
return false;
}
return true;
}
//-->
</script>

相關推薦

java script驗證表單大全

js 驗證表單大全 1. 長度限制 <script> function test() { if(document.a.b.value.length>50) { alert(" 不能超過50 個字元！"); document.a.b.focus(); return false; }

js驗證表單大全

不好意思,初來乍到，沒把握好 ,本貼被評為入門貼，以後的貼子會努力給大家帶來幫助,現在已清除了 轉貼 1. 長度限制 <script> function test()  { if(document.a.b.value.length>50) { alert(

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

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

js正則表達式--驗證表單

con tracking 英文 data use 劃線 p地址 popu 手機號 檢測手機號碼：/0?(13|14|15|18)[0-9]{9}/ 檢測username：（數字，英文，漢字。下劃線。中橫線）：/^[A-Za-z0-9_\-\u4e00-\u9fa5]+$

selenium測試（Java）--多表單切換（十二）

generate ati nqa void char support 編寫 generated key 采用下面的例子來編寫用例 <!DOCTYPE html> <html> <head> <meta http-equiv="co

JavaScript 驗證表單不為空和獲取select下拉列表的值和文本

blog car form 是你 mys 獲取 document options 身份證 1.驗證表單不為空 var hasform = { "Name": "名字", "Id_card": "身份證", "PaySalary": "月工資",

java模擬from表單提交，上傳圖片

根據 lin style ont ack timeout nds readline return /** * java上傳表單，有圖片 * @param urlStr 上傳地址 * @param textMap 表單參數

JS驗證表單是否有空項

<form action="{:url('index/addnews')}" method="post" name="news" onSubmit="return myCheck()"> <script type="text/javascript"> fun

hvalidate vue前端表單驗證 表單驗證

hvalidate 專案介紹 自定義vue指令，前端表單校驗 安裝教程 專案地址 https://gitee.com/hcsy/hvalidate   在vue專案中引入 import hvalidate from './js/hvalida

struts2 vallidate驗證表單提交修改樣式——刪除li標籤原點、取消換行、改變字型顏色

老師佈置實現的一個小效果，不容小覷！ 預定成功顯示頁面  預定報錯顯示頁面  從圖片可以看出需要實現報錯提示換行以及字型顏色更改的需求。 網上有很多方法，這裡介紹兩種親測可用的吧： 修改struts2-core-x.x.x.jar

bootstrapValidator驗證表單後清除當次驗證的方法

 用bootstrapValidator的resetForm()方法： <!-- // create server begin --> <div class="modal fade" id="server-create-server-modal" tabindex="-1"

jquery ajax 實現表單提交和驗證表單

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <title>$.ajax()方法傳送請

有哪些常見的驗證表單方式，他們各自的優缺點是什麼？

這裡是修真院前端小課堂，每篇分享文從 【背景介紹】【知識剖析】【常見問題】【解決方案】【編碼實戰】【擴充套件思考】【更多討論】【參考文獻】 八個方面深度解析前端知識/技能，本篇分享的是： 【有哪些常見的驗證表單方式，他們各自的優缺點是什麼？】 大家好，我是IT修真院武漢分院web

elementUI自定義驗證表單校驗

1.表單名稱 ref=”idname” 2.表單繫結 :rules=rules 3.el-form-item prop屬性 4.驗證方法方法 提交方法： confirm(formName){         this.$refs[formName].val

【PHP】PHP正則表示式驗證表單

以下內容轉載自：https://www.jb51.net/article/93375.htm 模式匹配符： \：轉義字元 例如：\b轉義了b ^：正則表示式開始符號 $：正則表示式結束符號 *：匹配前面的字元出現0次或者n次 +：匹配前面的字元出現1次或者n次 ?：匹配前面的字元出現

WTForms 驗證表單

# from wtforms.validators import Length, EqualTo from wtforms import Form, StringField #驗證表單 class RegisterForm(Form): class Regist

BootstrapValidator驗證表單使用指南

<link rel="stylesheet" href="/path/to/bootstrap/css/bootstrap.css"/> <link rel="stylesheet" href="/path/to/dist/css/bootstrapValidator.min.cs

element 驗證表單輸入空格問題

element中自帶的表單必填項校驗不能去除空格，此時若輸入空格，required: true驗證還是可以通過。若想正確校驗需要去除字元兩邊的空格。在v-model加上.trim就可以解決。 一、未加.trim <el-form :rules="rules

用java將excel表單匯入資料庫表單----新手入門

構建專案思路 1、利用Excel第三方工具，將Excel檔案讀取到記憶體中。使用最簡單，方便的工具是apache的poi工具包，自己網上下載 http://poi.apache.org/ ，使用方法網上一搜一大片。 2、如果是對於特別大的excel（大於20M的

js驗證表單

<%@ page language="java" contentType="text/html; charset=UTF-8"     pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://j