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 相关文章推荐
jQuery焦点图切换简易插件制作过程全纪录
Aug 27 Javascript
Web前端开发之水印、图片验证码
Nov 27 Javascript
详解angularjs结合pagination插件实现分页功能
Feb 10 Javascript
vue.js实现备忘录功能的方法
Jul 10 Javascript
AngularJS实现的JSONP跨域访问数据传输功能详解
Jul 20 Javascript
基于LayUI分页和LayUI laypage分页的使用示例
Aug 02 Javascript
JS运动改变单物体透明度的方法分析
Jan 23 Javascript
Node.js笔记之process模块解读
May 31 Javascript
Angular使用Restful的增删改
Dec 28 Javascript
Vue toFixed保留两位小数的3种方式
Oct 23 Javascript
浅谈Vue使用Elementui修改默认的最快方法
Dec 05 Vue.js
Vue ​v-model相关知识总结
Jan 28 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
CodeIgniter使用smtp服务发送html邮件的方法
2015/06/10 PHP
jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
2013/01/24 Javascript
html的DOM中Event对象onblur事件用法实例
2015/01/21 Javascript
jquery实现浮动的侧栏实例
2015/06/25 Javascript
AngularJS 日期格式化详解
2015/12/23 Javascript
JavaScript如何实现在文本框(密码框)输入提示语
2015/12/25 Javascript
解决nodejs中使用http请求返回值为html时乱码的问题
2017/02/18 NodeJs
JS实现的自动打字效果示例
2017/03/10 Javascript
jquery图片放大镜效果
2017/06/23 jQuery
用js实现before和after伪类的样式修改的示例代码
2017/09/07 Javascript
浅谈Vue初学之props的驼峰命名
2018/07/19 Javascript
vue基于element的区间选择组件
2018/09/07 Javascript
js如何验证密码强度
2020/03/18 Javascript
原生JS封装拖动验证滑块的实现代码示例
2020/06/01 Javascript
将Emacs打造成强大的Python代码编辑工具
2015/11/20 Python
Python装饰器入门学习教程(九步学习)
2016/01/28 Python
python使用锁访问共享变量实例解析
2018/02/08 Python
python实现将读入的多维list转为一维list的方法
2018/06/28 Python
解决tensorflow1.x版本加载saver.restore目录报错的问题
2018/07/26 Python
python3+PyQt5 实现Rich文本的行编辑方法
2019/06/17 Python
在django view中给form传入参数的例子
2019/07/19 Python
Python实现AI换脸功能
2020/04/10 Python
Python3实现打印任意宽度的菱形代码
2020/04/12 Python
浅谈tensorflow模型保存为pb的各种姿势
2020/05/25 Python
css3 border-image使用说明
2010/06/23 HTML / CSS
css3实现垂直下拉动画菜单示例
2014/04/22 HTML / CSS
Fossil美国官网:Fossil手表、手袋、珠宝及配件
2017/02/01 全球购物
德国玩具商店:Planet Happy DE
2021/01/16 全球购物
师范生个人推荐信
2013/11/29 职场文书
物流管理专业职业生涯规划书
2014/01/06 职场文书
早餐连锁店计划书
2014/01/08 职场文书
战友聚会邀请函
2014/01/18 职场文书
2014年社区居委会主任重阳节讲话稿
2014/09/25 职场文书
刑事上诉状范文
2015/05/22 职场文书
干货分享:推荐信写作技巧!
2019/06/21 职场文书
Vue项目中如何封装axios(统一管理http请求)
2021/05/02 Vue.js