導航:首頁 > 編程語言 > js驗證遞增文本框

js驗證遞增文本框

 發布時間：2023-03-05 09:12:38

Ⅰ js驗證如何限制文本框只能輸入數字

js進行數據校驗使用正則表達式會簡單很多，如下所示：

1.js驗證只能輸入數字:

具體代碼如下：

function check_validate(value){

var reg = /^(/d{3,4})-(/d{7,8})/;

if( value.constructor === String ){ // 判斷傳入的是否是字元串

var re = value.match( reg );

return true;

}

return false;

}

Ⅱ 這個網頁用js寫個驗證，驗證文本框，為空的話，跳提示框。怎麼寫！！

function Check(){
if(document.getElementById("mobile").value==''){
alert('請填寫手機號');}
}
mobile：手機輸入框的id

當你點擊保存或者開通時執行驗證 Check()

Ⅲ js各種驗證文本框輸入格式(正則表達式)

不能為空
<input
onblur="if(this.value.replace(/^
+|
+$/g,'')=='')alert('不能為空!')">
只能輸入英文和數字
<input
onblur="if(/[^0-9a-zA-Z]/g.test(value))alert('有錯')">
<input
onkeyup="value=value.replace(/[^0-9a-zA-Z]/g,'')"/>
<input
type="text"
onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">
判斷字元由字母和數字，下劃線,點號組成.且開頭的只能是下劃線和字母
/^([a-zA-z_]{1})([\w]*)$/g.test(str)
只能輸入數字
<input
name="text"
type="text"
id="NewPage"
onKeyUp="value=value.replace(/\D/g,'')"
onafterpaste="value=value.replace(/\D/g,'')"
>
只能輸入中文
<input
type="text"
onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">
只能輸入英文
<input
type="text"
onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')">
<input
type="text"
onkeyup="value=value.replace(/[^a-zA-Z]/g,'')">
只能輸入中文、英文、數字、@符號和.符號
<input
type="text"
onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')">
只允許輸入英文，且不能粘貼也無法彈出粘貼菜單
<input
type="text"
onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')"
onkeydown="fncKeyStop(event)"
onpaste="return
false"
oncontextmenu
=
"return
false"/>
只能輸入數字和點號(注意:在[^\d\.]里的d不能寫成大寫D,否則就變成除了數字以外的所有字元)
<input
name="price"
type="text"
size="8"
maxlength="8"
onkeyup="value=value.replace(/[^\d\.]/g,'')"
>
總而言之:先在<input>里輸入onkeyup="value=value.replace(/[^\X]/g,'')"
然後在(/[\X]/g,'')里的X換成你想輸入的代碼就可以了
中文：u4E00-u9FA5
數字：d、0-9
英文：a-z、A-Z
其它符號@,點或其它符號.也可以多個,用\隔開就行了.
例如:
中、英文和數字加@符號加點符號：\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.
若想在文本框里不能右鍵彈出菜單和不能粘貼進復制的信息的話就要在<input>里輸入
onKeyDown="fncKeyStop(event)"
onpaste="return
false"
oncontextmenu="return
false;"

Ⅳ js文本框驗證

下面是一個驗證18位號碼的完整HTML代碼，你直接復制回去在一個新HTML文檔中就可以試驗。


當用戶錄入完後，游標離開文本框便開始驗證，也就是onBlur事件，你可以根據你自己不同的需要來改變它

<!doctypehtml>
<htmllang="zh">
<head>
	<metacharset="UTF-8">
	<title>身份證號碼校驗</title>
</head>
<body>
	<inputtype="text,"onBlur="IdCardValidate(this)">
	<scripttype="text/javascript">
		varWi=[7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1];	//加權因子
		varValideCode=[1,0,10,9,8,7,6,5,4,3,2];			//身份證驗證位值.10代表X
		functionIdCardValidate(th){
			varidCard=th.value;
			idCard=trim(idCard.replace(//g,""));			//去掉字元串頭尾空格					
			if(idCard.length==15){
				(idCard);	//進行15位身份證的驗證	
			}elseif(idCard.length==18){
				vara_idCard=idCard.split("");				//得到身份證數組
				if(isValidityBrithBy18IdCard(idCard)&&isTrueValidateCodeBy18IdCard(a_idCard)){//進行18位身份證的基本驗證和第18位的驗證
					th.style.backgroundColor="green";
				}else{
					th.style.backgroundColor="red";
				}
			}else{
				th.style.backgroundColor="red";
			}
		}
		/**
		*判斷身份證號碼為18位時最後的驗證位是否正確
		*@parama_idCard身份證號碼數組
		*@return
		*/
		(a_idCard){
			varsum=0;							//聲明加權求和變數
			if(a_idCard[17].toLowerCase()=='x'){
				a_idCard[17]=10;					//將最後位為x的驗證碼替換為10方便後續操作
			}
			for(vari=0;i<17;i++){
				sum+=Wi[i]*a_idCard[i];			//加權求和
			}
			valCodePosition=sum%11;				//得到驗證碼所位置
			if(a_idCard[17]==ValideCode[valCodePosition]){
				returntrue;
			}else{
				returnfalse;
			}
		}
		/**
		*驗證18位數身份證號碼中的生日是否是有效生日
		*@paramidCard18位書身份證字元串
		*@return
		*/
		(idCard18){
			varyear=idCard18.substring(6,10);
			varmonth=idCard18.substring(10,12);
			varday=idCard18.substring(12,14);
			vartemp_date=newDate(year,parseFloat(month)-1,parseFloat(day));
			//這里用getFullYear()獲取年份，避免千年蟲問題
			if(temp_date.getFullYear()!=parseFloat(year)
				||temp_date.getMonth()!=parseFloat(month)-1
				||temp_date.getDate()!=parseFloat(day)){
					returnfalse;
			}else{
				returntrue;
			}
		}
		/**
		*驗證15位數身份證號碼中的生日是否是有效生日
		*@paramidCard1515位書身份證字元串
		*@return
		*/
		(idCard15){
			varyear=idCard15.substring(6,8);
			varmonth=idCard15.substring(8,10);
			varday=idCard15.substring(10,12);
			vartemp_date=newDate(year,parseFloat(month)-1,parseFloat(day));
			//對於老身份證中的你年齡則不需考慮千年蟲問題而使用getYear()方法
			if(temp_date.getYear()!=parseFloat(year)
					||temp_date.getMonth()!=parseFloat(month)-1
					||temp_date.getDate()!=parseFloat(day)){
						returnfalse;
				}else{
					returntrue;
				}
		}
		//去掉字元串頭尾空格
		functiontrim(str){
			returnstr.replace(/(^s*)|(s*$)/g,"");
		}
	</script>
</body>
</html>
閱讀全文

與js驗證遞增文本框相關的資料

熱點內容
升級到win10後刪除 瀏覽：17
linuxtotalcommander 瀏覽：165
傳票翻打在電腦上下什麼app 瀏覽：39
db2查看資料庫字元集 瀏覽：449
小米私密文件移出後找不到 瀏覽：775
紅底白色的心是什麼app的標志 瀏覽：163
小冤家APP角色怎麼變回家長 瀏覽：822
夢幻西遊合寵模擬器網站是什麼 瀏覽：420
諾基亞930最新版本 瀏覽：201
ps製作主kv文件過大 瀏覽：884
車端面如何編程 瀏覽：279
win10u盤備份時間長 瀏覽：617
文件夾怎麼轉換為pdf 瀏覽：502
2008打開登錄密碼忘記了 瀏覽：771
蘋果7如何授權應用程序 瀏覽：899
怎樣把舊的文檔保存到桌面文件夾 瀏覽：827
wps雲數據如何恢復 瀏覽：496
微信發送過來文件 瀏覽：300
怎麼改合同網站 瀏覽：73
網路鬥地主記牌器怎麼實現的 瀏覽：377

友情鏈接