溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“Js怎么判斷輸入內容是否為空”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“Js怎么判斷輸入內容是否為空”吧!
1、判斷輸入內容是否為空
function IsNull(){
var str = document.getElementById('str').value.trim();
if(str.length==0){
alert('對不起，文本框不能為空或者為空格!');//請將“文本框”改成你需要驗證的屬性名稱!
}
}
2、判斷日期類型是否為YYYY-MM-DD格式的類型
function IsDate(){
var str = document.getElementById('str').value.trim();
if(str.length!=0){
var reg = /^(d{1,4})(-|/)(d{1,2})2(d{1,2})$/;
var r = str.match(reg);
if(r==null)
alert('對不起，您輸入的日期格式不正確!'); //請將“日期”改成你需要驗證的屬性名稱!
}
}
3、判斷日期類型是否為YYYY-MM-DD hh:mm:ss格式的類型
function IsDateTime(){
var str = document.getElementById('str').value.trim();
if(str.length!=0){
var reg = /^(d{1,4})(-|/)(d{1,2})2(d{1,2}) (d{1,2}):(d{1,2}):(d{1,2})$/;
var r = str.match(reg);
if(r==null)
alert('對不起，您輸入的日期格式不正確!'); //請將“日期”改成你需要驗證的屬性名稱!
}
}
4、判斷日期類型是否為hh:mm:ss格式的類型
function IsTime()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^((20|21|22|23|[0-1]d):[0-5][0-9])(:[0-5][0-9])?$/
if(!reg.test(str)){
alert("對不起，您輸入的日期格式不正確!");//請將“日期”改成你需要驗證的屬性名稱!
}
}
}
5、判斷輸入的字符是否為英文字母
function IsLetter()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[a-zA-Z]+$/;
if(!reg.test(str)){
alert("對不起，您輸入的英文字母類型格式不正確!");//請將“英文字母類型”改成你需要驗證的屬性名稱!
}
}
}
6、判斷輸入的字符是否為整數
function IsInteger()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[-+]?d*$/;
if(!reg.test(str)){
alert("對不起，您輸入的整數類型格式不正確!");//請將“整數類型”要換成你要驗證的那個屬性名稱！
}
}
}
7、判斷輸入的字符是否為雙精度
function IsDouble(val)
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[-+]?d+(.d+)?$/;
if(!reg.test(str)){
alert("對不起，您輸入的雙精度類型格式不正確!");//請將“雙精度類型”要換成你要驗證的那個屬性名稱！
}
}
}
8、判斷輸入的字符是否為:a-z,A-Z,0-9
function IsString()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[a-zA-Z0-9_]+$/;
if(!reg.test(str)){
alert("對不起，您輸入的字符串類型格式不正確!");//請將“字符串類型”要換成你要驗證的那個屬性名稱！
}
}
}
9、判斷輸入的字符是否為中文
function IsChinese()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[u0391-uFFE5]+$/;
if(!reg.test(str)){
alert("對不起，您輸入的字符串類型格式不正確!");//請將“字符串類型”要換成你要驗證的那個屬性名稱！
}
}
}
10、判斷輸入的EMAIL格式是否正確
function IsEmail()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$/;
if(!reg.test(str)){
alert("對不起，您輸入的字符串類型格式不正確!");//請將“字符串類型”要換成你要驗證的那個屬性名稱！
}
}
}
11、判斷輸入的郵編(只能為六位)是否正確
function IsZIP()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^d{6}$/;
if(!reg.test(str)){
alert("對不起，您輸入的字符串類型格式不正確!");//請將“字符串類型”要換成你要驗證的那個屬性名稱！
}
}
}
12、判斷輸入的數字不大于某個特定的數字
function MaxValue()
{
var val = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[-+]?d*$/;
if(!reg.test(str)){//判斷是否為數字類型
if(val>parseInt('123')) //“123”為自己設定的最大值
{
alert('對不起，您輸入的數字超出范圍');//請將“數字”改成你要驗證的那個屬性名稱！
}
}
}
}
Phone : /^(((d{2,3}))|(d{3}-))?((0d{2,3})|0d{2,3}-)?[1-9]d{6,7}(-d{1,4})?$/
Mobile : /^(((d{2,3}))|(d{3}-))?13d{9}$/
Url : /^http://[A-Za-z0-9]+.[A-Za-z0-9]+[/=?%-&_~`@[]':+!]*([^<>""])*$/
IdCard : /^d{15}(d{2}[A-Za-z0-9])?$/
QQ : /^[1-9]d{4,8}$/
某種特殊金額：/^((d{1,3}(,d{3})*)|(d+))(.d{2})?$/ //說明：除“XXX XX,XXX XX,XXX.00”格式外
//為上面提供各個JS驗證方法提供.trim()屬性
String.prototype.trim=function(){
return this.replace(/(^s*)|(s*$)/g, "");
}
調用：
<input type="text" name="str" >
<input type="button" value=" 確定 " onClick=""> //onClick中寫自己要調用的JS驗證函數
<script language="javascript" type="text/javascript">
var patterms = new Object();
//驗證IP
patterms.ip = /^(d{1,2}|1dd|2[0-4]d|25[0-5])(.(d{1,2}|1dd|2[0-4]d|25[0-5])){3}$/;
//驗證EMAIL
patterms.email = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$/;
//驗證日期格式2009-07-13
patterms.date = /^d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]d|3[0-1])$/;
//驗證時間格式16:55:39
patterms.time = new RegExp("^([0-1]\d|2[0-3]):[0-5]\d:[0-5]\d$");
//驗證函數
function verify(str,pat)
{
var thePat;
thePat = patterms[pat];
if(thePat.test(str))
{
return true;
}
else
{
return false;
}
}
//測試
alert(verify("asidycom@163.com","email")+","+verify("192.168.1.1","ip")+
","+verify("16:55:39","time")+","+verify("2009-07-13","date")+","+verify("192.168","ip"));
驗證數字：^[0-9]*$
驗證n位的數字：^d{n}$
驗證至少n位數字：^d{n,}$
驗證m-n位的數字：^d{m,n}$
驗證零和非零開頭的數字：^(0|[1-9][0-9]*)$
驗證有兩位小數的正實數：^[0-9]+(.[0-9]{2})?$
驗證有1-3位小數的正實數：^[0-9]+(.[0-9]{1,3})?$
驗證非零的正整數：^+?[1-9][0-9]*$
驗證非零的負整數：^-[1-9][0-9]*$
驗證非負整數（正整數 + 0） ^d+$
驗證非正整數（負整數 + 0） ^((-d+)|(0+))$
驗證長度為3的字符：^.{3}$
驗證由26個英文字母組成的字符串：^[A-Za-z]+$
驗證由26個大寫英文字母組成的字符串：^[A-Z]+$
驗證由26個小寫英文字母組成的字符串：^[a-z]+$
驗證由數字和26個英文字母組成的字符串：^[A-Za-z0-9]+$
驗證由數字、26個英文字母或者下劃線組成的字符串：^w+$
驗證用戶名或昵稱經常用到: ^[u4e00-u9fa5A-Za-z0-9-_]*$ 只能中英文，數字，下劃線，減號
驗證用戶密碼:^[a-zA-Z]w{5,17}$ 正確格式為：以字母開頭，長度在6-18之間，只能包含字符、數字和下劃線。
驗證是否含有 ^%&',;=?$" 等字符：[^%&',;=?$x22]+
驗證漢字：^[u4e00-u9fa5],{0,}$
驗證Email地址：^w+[-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$
驗證InternetURL：^http://([w-]+.)+[w-]+(/[w-./?%&=]*)?$ ；^[a-zA-z]+://(w+(-w+)*)(.(w+(-w+)*))*(?S*)?$
驗證電話號碼：^((d{3,4})|d{3,4}-)?d{7,8}$：--正確格式為：XXXX-XXXXXXX，XXXX-XXXXXXXX，XXX-XXXXXXX，XXX-XXXXXXXX，XXXXXXX，XXXXXXXX。
驗證身份證號（15位或18位數字）：^d{15}|d{}18$
驗證一年的12個月：^(0?[1-9]|1[0-2])$ 正確格式為：“01”-“09”和“1”“12”
驗證一個月的31天：^((0?[1-9])|((1|2)[0-9])|30|31)$ 正確格式為：01、09和1、31。
整數：^-?d+$
非負浮點數（正浮點數 + 0）：^d+(.d+)?$
正浮點數 ^(([0-9]+.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*.[0-9]+)|([0-9]*[1-9][0-9]*))$
非正浮點數（負浮點數 + 0） ^((-d+(.d+)?)|(0+(.0+)?))$
負浮點數 ^(-(([0-9]+.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*.[0-9]+)|([0-9]*[1-9][0-9]*)))$
浮點數 ^(-?d+)(.d+)?$
由于手機號段的不斷更新，以前的正則表達式已經無法滿足需求。重新編寫這條表達式。
1 2 3 | var regex = { mobile: /^0?(13[0-9]|15[012356789]|18[0236789]|14[57])[0-9]{8}$/ } |
表達式分析：
“/”代表一個正則表達式。
“^”代表字符串的開始位置，“$”代表字符串的結束位置。
“?”代表匹配前面的字符一個或零個，所以這里0?的意思是手機號碼可以以0開頭或不以0開頭。
接下的部分驗證11位的手機號碼，先從13開始，因為從130-139都有所以可選區間是[0-9]，15開頭的號碼沒有154所以[]里面沒有4這個數字，當然也可以寫成[0-35-9]，下面18和14開的號碼同上。
小括號括起來的代表一個子表達式，里面是4個可選分支分別用“|”來區分開來，在正則中“|”的優先級是最低的，這里每個分支匹配的都是3個字符（一個[]只能匹配一個字符，里面是可選的意思），也就是手機號碼的前3位數字，那么后面還有8位數字需要匹配，可以是0-9的任意字符，所以是“[0-9]{8}”，{}中的數字代表匹配前面字符的個數。分析完畢。
到此，相信大家對“Js怎么判斷輸入內容是否為空”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
