js关于输入内容是否为空，以及输入数字，时间，长短是否正确的判断

最新推荐文章于 2023-03-14 10:47:19 发布
最新推荐文章于 2023-03-14 10:47:19 发布
阅读量1.3k 收藏
点赞数
分类专栏： javascript(jQuery) 文章标签： date function javascript action build input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wlzalbert/article/details/5542300
版权

输入内容的判断，包括是否为空，是否为数字，是否为日期（短日期格式，长日期格式，时间），输入的是否为email，输入长短；调用的时候只需要设置输入框的属性即可；

如果大家还需要其他判断，欢迎指正；

<script language="javascript">

/* 
albertwlz 2010 V1.0 Build 0419
(C)Copyright2003- 2010 47147.com , 网址导航.
Homepage  : http://www.47147.com
E-Mail : 294411855@qq.com
QQ : 294411855
 */ 
//js通用函数，所有的
 
//获取id的object
function $(id) {
 return document.getElementById(id);
}

//判断日期是否正确
function isDate(strDate){
 var   strSeparator = "-";   //日期分隔符 
 var   strDateArray; 
 var   intYear; 
 var   intMonth; 
 var   intDay; 
 var   boolLeapYear; 
 //var strDate=form1.a.value   //表单中的日期值
 strDateArray = strDate.split(strSeparator); 
 
 //判断是否为年、月、日三段
 //alert('提示: 日期格式错误! /r/n  请依【YYYY-MM-DD】格式输入！');
 if(strDateArray.length!=3){return   false;}
 
 //设置为10进制
 intYear  =  parseInt(strDateArray[0],10); 
 intMonth  =  parseInt(strDateArray[1],10); 
 intDay   =   parseInt(strDateArray[2],10); 
 
 //判断年、月、日是否为数字
 if(isNaN(intYear)||isNaN(intMonth)||isNaN(intDay)){return   false;}
 
 //判断月份大小是否为1到12
 if(intMonth>12||intMonth<1){return   false;}
 
 //判断1 3 5 7 8 10 12月是否为1到31天
 if((intMonth==1||intMonth==3||intMonth==5||intMonth==7||intMonth==8||intMonth==10||intMonth==12)&&(intDay>31||intDay<1)){return   false;}
 
 //判断4 6 9 11月是否为1到30天
 if((intMonth==4||intMonth==6||intMonth==9||intMonth==11)&&(intDay>30||intDay<1)){return   false;}
 
 //判断2月是否为1到28或29天
 if(intMonth==2){ 
  if(intDay<1){return   false;}
  boolLeapYear   =   false; 
  if((intYear%4==0 && intYear %100!=0)||(intYear %400==0)){boolLeapYear=true;} 
  if(boolLeapYear){ 
   if(intDay>29){return   false;}
  } 
  else{ 
   if(intDay>28){return   false;}
  } 
 }
 //正确返回
 return   true; 
}

//判断时间是否正确
function isTime(strTime){
 var   strSeparator = ":";   //时间分隔符 
 var   strTimeArray; 
 var   intHour; 
 var   intMinute; 
 var   intSecond; 
 //var strTime=form1.a.value   //表单中的时间值
 strTimeArray = strTime.split(strSeparator); 
 
 //判断是否为小时、分钟、秒钟三段
 //alert('提示: 时间格式错误! /r/n  请依【YYYY-MM-DD HH:MM:SS】格式输入！');
 if(strTimeArray.length!=3){return   false;}
 
 //设置为10进制
 intHour  =  parseInt(strTimeArray[0],10); 
 intMinute  =  parseInt(strTimeArray[1],10); 
 intSecond   =   parseInt(strTimeArray[2],10); 
 
 //判断小时、分钟、秒钟是否为数字
 if(isNaN(intHour)||isNaN(intMinute)||isNaN(intSecond)){return   false;}
 
 //判断小时、分钟、秒钟是否为0到59
 if(intHour>59||intHour<0||intMinute>59||intMinute<0||intSecond>59||intSecond<0){return   false;}
 
 return true;
}

//是否为长时间格式（日期加时间）
function isDatetime(strDatetime){
 var   strSeparator = " ";   //日期时间分隔符 
 var   strDatetimeArray; 
 var   strDate; 
 var   strTime; 
 //var strDatetime=form1.a.value   //表单中的日期时间值
 strDatetimeArray = strDatetime.split(strSeparator); 
 
 //判断是否为日期时间两段
 //alert('提示: 时间格式错误! /r/n  请依【HH:MM:SS】格式输入！');
 if(strDatetimeArray.length!=2){return   false;}
 
 //设置为10进制
 strDate  =  strDatetimeArray[0]; 
 strTime  =  strDatetimeArray[1]; 
 
 //判断日期和时间是否正确
 if(!isDate(strDate)||!isTime(strTime)){return   false;}
 
 return true;
}

//对比开始时间和结束时间
function compareTwoDate(firstDate,secondDate){
 if(firstDate!=""&&secondDate!="")
 { //输入不为空时；
  // 对字符串进行处理
  // 以 - / 或 空格 为分隔符, 将日期字符串分割为数组
  var date1 = firstDate.split("-");
  var date2 = secondDate.split("-");
  // 创建 Date 对象
  var myDate1 = new Date(date1[0],date1[1],date1[2]);
  var myDate2 = new Date(date2[0],date2[1],date2[2]);  
  // 对日起进行比较
  if (myDate1 <= myDate2)
  {
   return true;
  }else
  {
   alert ("提示:  开始时间不能大于结束时间！");
   return false;
  }
 }
 else
 {
 return true;
 }
}

//是否email
function isEmail(thisEmail){
 var reyx= /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
 return(reyx.test(thisEmail));
}

//判断输入
function checkEmpty(thisName)
{
 //alert(thisName);
 var thisArr = $(""+thisName+"");
 var thisArrLen = thisArr.length;
 for(i=0;i<thisArrLen;i++){
    //alert(thisArr(i).isEmpty);
     //判断是否为空 isEmpty
  if (thisArr(i).isEmpty ==1){
   if (thisArr(i).value == "")      
     {      
    alert(thisArr(i).chkName+"不能为空！");      
    thisArr(i).focus();      
    return (false);      
     } 
  }
  
  //判断最大长度 isMaxLen
  if (thisArr(i).value != "" && thisArr(i).isMaxLen != "undefined" && parseInt(thisArr(i).isMaxLen)>0){
   if (parseInt(thisArr(i).value.length) > thisArr(i).isMaxLen)      
     {      
    alert(thisArr(i).chkName+"超出了最大长度，最大长度为："+thisArr(i).isMaxLen);      
    thisArr(i).focus();      
    return (false);      
     } 
  }
  
  //判断最小长度isNumber
  if (thisArr(i).value != "" && thisArr(i).isMinLen != "undefined" && parseInt(thisArr(i).isMinLen)>0){
   if (parseInt(thisArr(i).value.length) < thisArr(i).isMinLen)      
     {      
    alert(thisArr(i).chkName+"没有达到最小长度，最小长度为："+thisArr(i).isMinLen);      
    thisArr(i).focus();      
    return (false);      
     } 
  }
  
  //判断是否为日期格式 isDate
  if (thisArr(i).value != "" && thisArr(i).isDate == 1){
   if (!isDate(thisArr(i).value))      
     {      
    alert(thisArr(i).chkName+"必须为日期格式，请依【YYYY-MM-DD】格式输入！");      
    thisArr(i).focus();      
    return (false);      
     } 
  }
  
  //判断是否为时间格式 isTime
  //alert(thisArr(i).isTime)
  if (thisArr(i).value != "" && thisArr(i).isTime == 1){
   if (!isTime(thisArr(i).value))      
     {      
    alert(thisArr(i).chkName+"必须为时间格式，请依【HH:MM:SS】格式输入！");      
    thisArr(i).focus();      
    return (false);      
     } 
  }
  

//判断是否为长日期格式
  if (thisArr(i).value != "" && thisArr(i).isDatetime == 1){
   if (!isDatetime(thisArr(i).value))      
     {      
    alert(thisArr(i).chkName+"必须为日期时间格式，请依【YYYY-MM-DD HH:MM:SS】格式输入！");      
    thisArr(i).focus();      
    return (false);      
     } 
  }
  
  //判断是否为数字格式 isNumber  
  if (thisArr(i).value != "" && thisArr(i).isNumber == 1){
   if (isNaN(thisArr(i).value))      
     {      
    alert(thisArr(i).chkName+"必须为数字！");      
    thisArr(i).focus();      
    return (false);      
     } 
  }
  
  //判断是否为邮箱 isEmail
  if (thisArr(i).value != "" && thisArr(i).isEmail == 1){
   if (!isEmail(thisArr(i).value))      
     {      
    alert(thisArr(i).chkName+"填写不正确，请正确填写邮箱！");      
    thisArr(i).focus();      
    return (false);      
     } 
  }  
 }
 return (true);
}

</script>

 

页面调用js的设置

<form name="FormLogin" id="FormLogin" method="post" action="newsSave.asp" onSubmit="return checkEmpty('FormLogin')">nput name="Subject" id="Subject" type="text" size="50" maxlength="50" chkName="新闻标题" isEmpty="1">

<input name="submit" type="submit" id="submit" value=" 提 交 ">

</form>

 

wlzalbert
关注
专栏目录
日期手动输入校验JS
10-21 675
在页面中显示输入框，在输入焦点移开时候检测日期onChange="return checkDateYMD(this)"   checkDateYMD函数实现如下   function checkDateYMD(obj) {     var dateStr = obj.value;     if (dateStr!='')     {      if(!isValidDate(obj)) {    
js如何验证日期是否有效<包括日期是否为空，是否符合格式2013-04-17，及是否是一个合法的日期>
小村长技术blog
04-17 5080
直接贴代码，等会在说话: var end_time=$('#id_end_time').val(); if(end_time==''){ alert('有效截止时间不能为空!'); return false; }else{ var match
js判断数据是否为空值的方法
MYuanFang的博客
03-02 5952
<script> export default { data() { return { route: {} }; }, mounted() { console.log('判断数据是否为空值' + this.isNull({ a: '测试' })); }, methods: { //判断数据是否为空值，为空返回true,有值为false isNull(data) { if (!data) return true;.
js判断两个日期的大小和判断输入框的值是否为空
男人的累，女人不懂
12-26 1255
/*******************js判断日期的大小*********************/ 在页面上有两个日期输入框，一个输入开始日期，一个输入结束日期，结束日期不能小于开始日期，用js判断如下： function checkdate() { //得到日期值并转化成日期格式，replace(/\-/g, "\/")是根据验证表达式把日期转化成长日期格式，...
使用javascript判断输入框输入的值是否是数字是否为空
cso68264的博客
09-10 497
使用javascript判断输入框输入的值是否是数字是否为空 华育国际 请输入数字： 了解更多知识点可以访问：www.eduasksz.com function m...
数字经济产品与服务（移动互联）
最新发布
qq_48499842的博客
03-14 8665
9、在移动互联网产业中，主要包括向用户低价提供基础产品，高价提供互补性 辅助产品的 D 以及通过对部分产品和用户采用免费或低价的模式， 而对另一部分产品和用户采用较高定价，并主要通过对后者的营销实现盈利的 80/20 定律模式。语句描述正确的是（ B ）C）必填验证控件的 Display="Dynamic"，表示不出错的时候该控件不占用 页面位置；15、在移动互联网时代， C 是在移动互联网的支持下，结合消费者的视 觉习惯，将产品通过各种渠道想方设法地展现在用户的面前，建立产品与用户 生活的连接。
html+css+js基础问答
qq_43751465的博客
08-26 5332
css3 1.标签语义化 顾名思义，合理的标签干合适的事情 块级（display：block）：div 、p、h1~h6、hr、ul、ol、li、dl、dd、form、table、header、footer、main、nav、sector、arcitcle、pre、table、tbody、thead、th、tr、tfoot 行级（display：inline）：a、span、small、strong、em、i、code、 行内块（display：inline-block）：img、input 区别： 1.
JS判断输入是否为空
Anyuou
06-18 389
11 12 13 14 15 16
本人亲自整理的极客时间设计模式之美的硬核笔记
菼执的博客
10-20 4100
由于笔记内容过多，我把它放到语雀上了。 点击我
js判断输入是否为空
策马扬鞭追蜗牛
03-30 275
js判断只要不是空字符串都为true eg:  1.   if ($("#emp_no").textbox('getValue')) {}         2.   if ($("#emp_no").textbox('getValue')!=null&&$("#emp_no").textbox('getValue')!="") {}               （getValue获取的是字符
判断date类型是否为空_JavaScript基础篇之数据类型
weixin_39936134的博客
12-03 5801
前言：第一次贴图，不知道效果怎么样，手机上是否能清晰展示。待这次更新之后我会根据效果调整。知识点由易到难，前面的更新都是基础，会逐渐深入。一、字符串1.1 声明字符串1.2字符串拼接字符串模板的应用1.3 字符串常用函数toUpperCase,toLowerCase,trim字符串截取：slice,substring,substr字符串查找：charAt,indexOf,lastInd...
isNaN
teresa502的专栏
01-05 1453
isNaN　　返回一个 Boolean 值，指明提供的值是否是保留值 NaN （不是数字）。 　　NaN 即 Not a Number　　isNaN(numValue)　　必选项 numvalue 参数为要检查是否为 NAN 的值。 　　说明　　假如值是 NaN， 那么 isNaN 函数返回 true ，否则返回 false 。 使用这个函数的典型情况是检查 parseInt 和 parseF
2021-07-19--js 判断数据是否为空
禅：戒定慧
07-19 255
在使用到正则表达式，进行字符串获取的时候，发现数据返回为空，那么怎么处理，呢？ 需要引用处理为空的情况， // var a = ""; // var a = " "; // var a = null; // var a = undefined; // var a = []; // var a = {}; // var a = NaN; if(a === undefined) { // 只能用 === 运算来测试某个值是否是未定义的 conso
JS判断数字是否为空，字符串是否为‘‘
Lucivita的博客
12-15 1091
let key = [ { value: [] name: '数组' }, { value: '', name: '字符串' }, ] key.forEach((item) => { // console.log('item', item.value); // console.log(item.value !== ''); // .
java js 判断是否为空，是否为null,是否有数据
热门推荐
郑龙飞
04-03 1万+
JS中判断list不为空而且有数据:   if(list && list.size()>0){do something...}   string判断undefined、"空字符串" int类型判断NAN  if(!string){do something...}   java中： list!=null&&!list.isEmpty() 或 list!=null&&list
运维小知识之CDN内容分发网络原理解析
WeiyiGeek 唯一极客IT知识分享
03-16 723
0x00 前言简述基础概念工作原理组成部分应用场景0x01 基础配置CDN 入门配置CDN 跨域设置CDN 响应头参数 (扩充)0x02 边缘脚本与程序EdgeScript - 边缘脚本EdgeRoutine - 边缘程序0x03 扩展说明CDN 衡量指标CDN 计费方式CDN 响应头 (各厂商)0x04 F&Q (疑难杂症)1) CDN 显示502网关超时问题。...
使用JavaScript判断输入的内容是否为空,应该注意的一点!
面向对象
10-14 880
我们经常要判断一个输入框中是否输入了内容,如果未输入内容就要弹出提示框告诉用户未输入内容! 但是这里有一个问题,如果用户输入的是一个空格 或者是一些其它空字符,这时如果不注意,就达不到要求了!   下面我给我出一段JavaScript代码用来解决以上问题: //提交查询内容 function formSubmit() { var condId = document.getElementById...
js判断对象是否为空
01-07
如何判断返回对象为空？ 一、通过ES6新增的一个Object.keys()方法 该方法会返回一个由给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for…in… 循环遍历该对象时返回的顺序一致 。即可以通过返回数组的长度来判断是否为空对象，若为空对象，该数组长度为0。例： let person={name:张三,age:20} if (Object.keys(person).length == 0) { //数据为空 return true }else{ return false } 二、通过json解析成字符串函数来判断 var a={};
用JavaScript判断日期、数字、整数和特殊字符
朩冰雲的专栏
10-14 530
 如何在用一个程序检测所输入的内容是否合法，以下是本人自己编写的一个程序对日期、数字、整数和特殊字符进行了判断同时还可判断是正数还是负数(对数值类和整数而言) /** LogicalValue:用于判断对象的值是否符合条件，现已提供的选择有： integer：整型，还可判断正整型和负整型 number ：数值型，同样可判断正负 date ：日期型，可支持以自定义分隔符的日期格式，缺省
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值