javascript验证内容为数字以及长度为10的简单实例


Posted in Javascript onAugust 20, 2016

javascript验证内容为数字以及长度为10的简单实例

<html>
<head>
  <script type="text/javascript">
    function valid() {
      var numVal = document.getElementById("num").value;
      if(numVal!=undefined&&numVal!=""){
        if(!validateNum(numVal)){
          return ;
        }
      } else {
        alert("没有输入任何值!")
        return ;
      }
      alert("数据格式正确,可以提交");
    }
    //验证必须是10为数字
    function validateNum(str)
    {
      if(str.length != 10)
      {
        alert("发票代码必须是10位");
        return false;
      }
      else
      {
        for(var i=0; i<str.length; i++)
        {
          if(str.charAt(i)<'0' || str.charAt(i)>'9')
          {
            alert("发票代码只能是数字");
            return false;
          }
        }
      }
      return true;
    }
  </script>
</head>
<body>
<input type="text" name="num" id="num"/>
<input type="button" value="验证" onclick="valid()" />
</body>
</html>

以上这篇javascript验证内容为数字以及长度为10的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript网页关闭时提醒效果脚本
Oct 22 Javascript
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
Nov 03 Javascript
JavaScript页面模板库handlebars的简单用法
Mar 02 Javascript
angularjs学习笔记之简单介绍
Sep 26 Javascript
BootStrap按钮标签及基本样式
Nov 23 Javascript
webpack入门+react环境配置
Feb 08 Javascript
js实现瀑布流效果(自动生成新的内容)
Mar 16 Javascript
Bootstrap Table使用整理(一)
Jun 09 Javascript
es6系列教程_ Map详解以及常用api介绍
Sep 25 Javascript
JQuery属性操作与循环用法示例
May 15 jQuery
laravel实现中文和英语互相切换的例子
Sep 30 Javascript
vue+echarts实现多条折线图
Mar 21 Vue.js
js显示动态时间的方法详解
Aug 20 #Javascript
javascript数字验证的实例代码(推荐)
Aug 20 #Javascript
javascript之IE版本检测超简单方法
Aug 20 #Javascript
基于JavaScript Array数组方法(新手必看篇)
Aug 20 #Javascript
老生常谈JavaScript 正则表达式语法
Aug 20 #Javascript
浅谈时钟的生成(js手写简洁代码)
Aug 20 #Javascript
js 基础篇必看(点击事件轮播图的简单实现)
Aug 20 #Javascript
You might like
php5新改动之短标记启用方法
2008/09/11 PHP
php笔记之:文章中图片处理的使用
2013/04/26 PHP
php获取从百度搜索进入网站的关键词的详细代码
2014/01/08 PHP
php获取文件大小的方法
2014/02/26 PHP
php支付宝手机网页支付类实例
2015/03/04 PHP
php实现根据IP地址获取其所在省市的方法
2015/04/30 PHP
PHP自动补全表单的两种方法
2017/03/06 PHP
关于firefox的ElementTraversal 接口 使用说明
2010/11/11 Javascript
jQuery学习笔记 操作jQuery对象 文档处理
2012/09/19 Javascript
javascript ajax 仿百度分页函数
2013/10/29 Javascript
IE8中动态创建script标签onload无效的解决方法
2014/12/22 Javascript
浅谈json取值(对象和数组)
2016/06/24 Javascript
详解Vue 动态添加模板的几种方法
2017/04/25 Javascript
从parcel.js打包出错到选择nvm的全部过程
2018/01/23 Javascript
Vue中的验证登录状态的实现方法
2019/03/09 Javascript
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
2019/11/07 Javascript
JS原型prototype和__proto__用法实例分析
2020/03/14 Javascript
python列表的常用操作方法小结
2016/05/21 Python
python中os模块详解
2016/10/14 Python
Python实现OpenCV的安装与使用示例
2018/03/30 Python
python实现类之间的方法互相调用
2018/04/29 Python
python数字图像处理实现直方图与均衡化
2018/05/04 Python
python画图系列之个性化显示x轴区段文字的实例
2018/12/13 Python
python中seaborn包常用图形使用详解
2019/11/25 Python
Python SSL证书验证问题解决方案
2020/01/13 Python
全网最细 Python 格式化输出用法讲解(推荐)
2021/01/18 Python
Darphin迪梵官网: 来自巴黎,植物和精油调制的护肤品牌
2016/10/11 全球购物
奥地利网上现代灯具和灯饰店:Lampenwelt.at
2018/01/29 全球购物
捷克移动配件网上商店:ProMobily.cz
2019/03/15 全球购物
学生个人求职自荐信格式
2013/09/23 职场文书
考核工作实施方案
2014/03/30 职场文书
2016新年慰问信范文
2015/03/25 职场文书
学生检讨书怎么写
2015/05/07 职场文书
教师培训学习心得体会
2016/01/21 职场文书
mysql查询结果实现多列拼接查询
2022/04/03 MySQL
vue3.0 数字翻牌组件的使用方法详解
2022/04/20 Vue.js