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 相关文章推荐
JS 用6N±1法求素数 实例教程
Oct 20 Javascript
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
May 02 Javascript
详解JavaScript函数对象
Nov 15 Javascript
分享使用AngularJS创建应用的5个框架
Dec 05 Javascript
深入理解jQuery 事件处理
Jun 14 Javascript
ES6新数据结构Set与WeakSet用法分析
Mar 31 Javascript
js+html5实现复制文字按钮
Jul 15 Javascript
vue中的非父子间的通讯问题简单的实例代码
Jul 19 Javascript
Vue-Router的使用方法
Sep 05 Javascript
VueJS 取得 URL 参数值的方法
Jul 19 Javascript
node express使用HTML模板的方法示例
Aug 22 Javascript
Vue实现 点击显示再点击隐藏效果(点击页面空白区域也隐藏效果)
Jan 16 Javascript
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
咖啡豆的最常见发酵处理方法,详细了解一下
2021/03/03 冲泡冲煮
php中批量修改文件后缀名的函数代码
2011/10/23 PHP
解析PHP无限级分类方法及代码
2013/06/21 PHP
Laravel 5.1 框架Blade模板引擎用法实例分析
2020/01/04 PHP
发布一个基于javascript的动画类 Fx.js
2010/11/05 Javascript
解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题
2013/01/11 Javascript
jquery 图片缩放拖动的简单实例
2014/01/08 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
2014/03/03 Javascript
函数式 JavaScript(一)简介
2014/07/07 Javascript
Javascript中的关键字和保留字整理
2014/10/16 Javascript
jquery插件validation实现验证身份证号等
2015/06/04 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
2016/04/04 Javascript
jquery使用Cookie和JSON记录用户最近浏览历史
2016/04/19 Javascript
Javascript将数字转化成为货币格式字符串
2016/06/22 Javascript
jQueryUI Datepicker组件设置日期高亮
2016/10/13 Javascript
Bootstrap.css与layDate日期选择样式起冲突的解决办法
2017/04/07 Javascript
浅谈Node模块系统及其模式
2017/11/17 Javascript
Vue.js实现的表格增加删除demo示例
2018/05/22 Javascript
解决vue attr取不到属性值的问题
2018/09/18 Javascript
JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】
2019/02/18 Javascript
VUE兄弟组件传值操作实例分析
2019/10/26 Javascript
JS实现吸顶特效
2020/01/08 Javascript
python中列表元素连接方法join用法实例
2015/04/07 Python
python读取二进制mnist实例详解
2017/05/31 Python
Python切片操作深入详解
2018/07/27 Python
PyQt5 closeEvent关闭事件退出提示框原理解析
2020/01/08 Python
Python字符串查找基本操作代码案例
2020/10/27 Python
如何基于Python爬虫爬取美团酒店信息
2020/11/03 Python
利用Opencv实现图片的油画特效实例
2021/02/28 Python
萌新的HTML5 入门指南
2020/11/06 HTML / CSS
澳大利亚拥有最好的家具和家居用品在线目的地:Nestz
2019/02/23 全球购物
马德里竞技官方网上商店:Atletico Madrid Shop
2019/03/31 全球购物
区域销售经理职责
2013/12/22 职场文书
2014年党员公开承诺践诺书
2014/03/25 职场文书
庆祝教师节主题班会
2015/08/17 职场文书
员工工作失职检讨书范文!
2019/07/03 职场文书