广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >Js怎么判断输入内容是否为空
  • 938
分享到

Js怎么判断输入内容是否为空

2024-04-02 19:04:59 938人浏览 泡泡鱼
摘要

本篇内容主要讲解“js怎么判断输入内容是否为空”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Js怎么判断输入内容是否为空”吧!1、判断输入内容是否为空 

本篇内容主要讲解“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怎么判断输入内容是否为空”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

--结束END--

本文标题: Js怎么判断输入内容是否为空

本文链接: https://www.lsjlt.com/news/94818.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Js怎么判断输入内容是否为空
    本篇内容主要讲解“Js怎么判断输入内容是否为空”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Js怎么判断输入内容是否为空”吧!1、判断输入内容是否为空 ...
    99+
    2022-10-19
  • js如何判断输入框内容是否为汉字
    可以通过正则表达式来判断输入框内容是否为汉字。```javascriptvar input = document.getElemen...
    99+
    2023-08-19
    js
  • jquery怎么判断输入框是否为空
    可以使用`val()`方法来获取输入框的值,然后使用`trim()`方法去掉前后的空格,最后判断字符串的长度是否为0来判断...
    99+
    2023-08-14
    jquery
  • python判断输入的内容是否是emoj
    python判断输入的内容是否是emoji表情: """ @描述 根据传入的content,判断是否是emoji字符。 @return True是emoji,False不是True是emoji。 """...
    99+
    2023-01-31
    内容 python emoj
  • js怎么判断字符串是否为空
    这篇“js怎么判断字符串是否为空”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“js怎么判断字符串是否为空”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们进入主题...
    99+
    2023-06-06
  • 怎么判断html中文本框内容是否为空
    这篇文章主要介绍怎么判断html中文本框内容是否为空,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!1.通过PHP语句判断 :html中内容:<form action="submit.php&...
    99+
    2023-06-14
  • java怎么判断bigdecimal是否为空
    在Java中,判断BigDecimal是否为空可以通过以下两种方法:1. 使用compareTo()方法:将BigDecimal对象...
    99+
    2023-09-14
    java
  • Java怎么判断List是否为空
    本篇内容主要讲解“Java怎么判断List是否为空”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Java怎么判断List是否为空”吧!一个问题我们有一个函数,返回的是一个Panel Listpu...
    99+
    2023-06-29
  • java怎么判断integer是否为空
    这篇文章主要介绍“java怎么判断integer是否为空”,在日常操作中,相信很多人在java怎么判断integer是否为空问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”java怎么判断integer是否为空...
    99+
    2023-07-05
  • Java中怎么判断是否为空
    这篇文章给大家介绍Java中怎么判断是否为空,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。判空灾难作为搬砖党的一族们,我们对判空一定再熟悉不过了,不要跟我说你很少进行判空,除非你喜欢NullPointerExcepti...
    99+
    2023-06-16
  • jsp怎么判断session是否为空
    在JSP中,可以使用如下方法来判断session是否为空:1. 使用JSTL标签库:```jsp...Session为空Sessio...
    99+
    2023-08-18
    jsp session
  • java怎么判断实体是否为空
    在Java中,可以使用以下方法来判断实体是否为空: 使用null检查:使用if语句来判断实体是否为null。 if (entit...
    99+
    2023-10-24
    java
  • java怎么判断参数是否为空
    在Java中,可以使用条件语句和判断语句来判断参数是否为空。以下是几种常见的判断参数是否为空的方法: 使用if语句判断参数是否为...
    99+
    2023-10-24
    java
  • java怎么判断列表是否为空
    在Java中,可以使用以下方式来判断一个列表是否为空: 使用size()方法:通过调用列表的size()方法,如果返回值为0,则表...
    99+
    2023-10-24
    java
  • vba怎么判断数组是否为空
    在VBA中,可以使用`IsArrayEmpty`函数来判断一个数组是否为空。下面是一个示例代码:```vbaSub CheckArr...
    99+
    2023-09-26
    vba
  • wordpress怎么判断字段是否为空
    在WordPress中,可以使用`empty()`函数来判断字段是否为空。`empty()`函数可以判断一个变量是否为空,包括空字符...
    99+
    2023-08-15
    wordpress
  • php怎么判断变量是否为空
    在PHP中,可以使用`empty()`函数来判断变量是否为空。`empty()`函数会判断变量是否存在并且是否为空,如果满足这两个条...
    99+
    2023-08-25
    php
  • 怎么判断redis队列是否为空
    判断Redis队列是否为空,可以使用Redis命令`LLEN`来获取队列的长度,如果长度为0,则表示队列为空。具体步骤如下:1. 连...
    99+
    2023-09-11
    redis
  • swift怎么判断数组是否为空
    可以使用数组的isEmpty属性来判断一个数组是否为空。如果数组中没有任何元素,该属性会返回true,否则返回false。例如:sw...
    99+
    2023-10-19
    swift
  • php怎么判断是否为空数组
    3种判断方法:1、用count()或sizeof()计算数组的长度,判断数组长度是否为0,语法“count(数组)==0”,如果为0则为空数组,反之不为空数组。2、用empty()检查数组变量是否为空,语法“empty(数组)”,如果返回T...
    99+
    2022-08-08
    php数组 php
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作