包含這段姓名驗證的js代碼很爛的詞條

本文目錄一覽:

JS表單驗證姓名不能為空且一定為中文

就這麼2句代碼就寫得亂七八糟的

function checkName(){

if(inputname.value.length!=0){if(value.match(/^[\u4e00-\u9fa5]+$/))alert(‘ok’);else alert(‘enter chinese’); }else{alert(‘not empty’);}}

求前端驗證js代碼

這是一般表單中會用到的 1. 長度限制

script

function test()

{

if(document.a.b.value.length50)

{

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=65event.keyCode=90))

event.returnvalue=false;

}

/script

input onkeydown=」onlyEng();」

4. 只能是數字

script language=javascript

function onlyNum()

{

if(!((event.keyCode=48event.keyCode=57)||(event.keyCode=96event.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.length10)

{

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;icharset.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;iNUM.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;iTEL.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;is.length;i++)

ret=ret (s.charCodeAt(i)=10000);

return ret;

}

8. 綜合的判斷用戶輸入的合法性的函數

—————————————

script language=」javascript」

//限制輸入字元的位數開始

//m是用戶輸入,n是要限制的位數

function issmall(m,n)

{

if ((mn) (m0))

{

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); }

}

2.8. 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;ifm.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;

}

用JS驗證姓名,年齡,電話怎麼寫。

%@ page language=”java” contentType=”text/html; charset=utf-8″

pageEncoding=”utf-8″%

!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “”

html

head

meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″

titleInsert title here/title

script type=”text/javascript”

function submit(){

var b1 = valiDateAge();

var b2 = valiDateName();

var b3 = valiDatePhone();

if(!(b1 b2 b3)){}

alert(“輸入有誤!”);

return false;

}else{

return true;

}

function valiDateAge(){

var age = document.getElementById(‘age’).value;

var ageReg = “/^[0-9]$/g”

var flag = false;

if(ageReg.test(age)age=200){

flag = true;

}

return flag;

}

function valiDateName(){

var name = document.getElementById(‘name’).value;

var nameReg= “/^[\u4e00-\u9fa5]{1,3}$/g”;

var flag= false;

if(nameReg.test(name)){

nameage = true;

}

return flag;

}

function valiDatePhone(){

var phone= document.getElementById(‘phone’).value;

var phoneReg = “^[/d]{11}$”;

var flag = false;

if(phoneReg.test(phone)){

flag = true;

}

return flag;

}

/script

/head

body

form action=”” onsubmit=”return submit()”

table

tr

td名字:/td

tdinput type=”text” id=”name”//td

/tr

tr

td年齡: /td

tdinput type=”text” id=”age”//td

/tr

tr

td

電話:

/td

tdinput type=”text” id=”phone”//td

/tr

tr

tdinput type=”submit” value=”提交”//td

/tr

/table

/form

/body

/html

沒測試 環境原因 不知道正確不正確

原創文章,作者:J1QAS,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/129172.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
J1QAS的頭像J1QAS
上一篇 2024-10-03 23:26
下一篇 2024-10-03 23:26

相關推薦

  • Python周杰倫代碼用法介紹

    本文將從多個方面對Python周杰倫代碼進行詳細的闡述。 一、代碼介紹 from urllib.request import urlopen from bs4 import Bea…

    編程 2025-04-29
  • Python字元串寬度不限制怎麼打代碼

    本文將為大家詳細介紹Python字元串寬度不限制時如何打代碼的幾個方面。 一、保持代碼風格的統一 在Python字元串寬度不限制的情況下,我們可以寫出很長很長的一行代碼。但是,為了…

    編程 2025-04-29
  • Python基礎代碼用法介紹

    本文將從多個方面對Python基礎代碼進行解析和詳細闡述,力求讓讀者深刻理解Python基礎代碼。通過本文的學習,相信大家對Python的學習和應用會更加輕鬆和高效。 一、變數和數…

    編程 2025-04-29
  • Python滿天星代碼:讓編程變得更加簡單

    本文將從多個方面詳細闡述Python滿天星代碼,為大家介紹它的優點以及如何在編程中使用。無論是剛剛接觸編程還是資深程序員,都能從中獲得一定的收穫。 一、簡介 Python滿天星代碼…

    編程 2025-04-29
  • 倉庫管理系統代碼設計Python

    這篇文章將詳細探討如何設計一個基於Python的倉庫管理系統。 一、基本需求 在著手設計之前,我們首先需要確定倉庫管理系統的基本需求。 我們可以將需求分為以下幾個方面: 1、庫存管…

    編程 2025-04-29
  • 寫代碼新手教程

    本文將從語言選擇、學習方法、編碼規範以及常見問題解答等多個方面,為編程新手提供實用、簡明的教程。 一、語言選擇 作為編程新手,選擇一門編程語言是很關鍵的一步。以下是幾個有代表性的編…

    編程 2025-04-29
  • Python實現簡易心形代碼

    在這個文章中,我們將會介紹如何用Python語言編寫一個非常簡單的代碼來生成一個心形圖案。我們將會從安裝Python開始介紹,逐步深入了解如何實現這一任務。 一、安裝Python …

    編程 2025-04-29
  • 怎麼寫不影響Python運行的長段代碼

    在Python編程的過程中,我們不可避免地需要編寫一些長段代碼,包括函數、類、複雜的控制語句等等。在編寫這些代碼時,我們需要考慮代碼可讀性、易用性以及對Python運行性能的影響。…

    編程 2025-04-29
  • Python愛心代碼動態

    本文將從多個方面詳細闡述Python愛心代碼動態,包括實現基本原理、應用場景、代碼示例等。 一、實現基本原理 Python愛心代碼動態使用turtle模塊實現。在繪製一個心形的基礎…

    編程 2025-04-29
  • Python輸入姓名成績輸出等級

    在這個項目中,我們需要輸入一個學生的姓名和成績,然後根據成績給出等級。 一、獲取用戶輸入 首先,我們需要獲取用戶輸入的姓名和成績。可以使用Python中的input()函數,讓用戶…

    編程 2025-04-29

發表回復

登錄後才能評論