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实现的表格分页实现代码
Jun 21 Javascript
jQuery制作仿Mac Lion OS滚动条效果
Feb 10 Javascript
ExtJs动态生成treepanel的Json格式
Jul 19 Javascript
Javascript 制作图形验证码实例详解
Dec 22 Javascript
详解angular中通过$location获取路径(参数)的写法
Mar 21 Javascript
详解vue-router 2.0 常用基础知识点之导航钩子
May 10 Javascript
ReactNative列表ListView的用法
Aug 02 Javascript
react-native DatePicker日期选择组件的实现代码
Sep 12 Javascript
jsonp格式前端发送和后台接受写法的代码详解
Nov 07 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
Jun 28 Javascript
Vue记住滚动条和实现下拉加载的完美方法
Jul 31 Javascript
javascript canvas实现简易时钟例子
Sep 05 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
PHP面向对象编程快速入门
2006/12/14 PHP
php中转义mysql语句的实现代码
2011/06/24 PHP
深入解析PHP中逗号与点号的区别
2013/08/05 PHP
Codeigniter购物车类不能添加中文的解决方法
2014/11/29 PHP
Laravel框架实现抢红包功能示例
2019/10/31 PHP
Google Suggest ;-) 基于js的动态下拉菜单
2006/10/11 Javascript
jquery的attr方法禁用表单元素禁用输入内容
2014/06/23 Javascript
深入分析js的冒泡事件
2014/12/05 Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
2015/04/02 Javascript
jQuery Mobile框架中的表单组件基础使用教程
2016/05/17 Javascript
微信小程序 wxapp内容组件 progress详细介绍
2016/10/31 Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
2016/11/18 Javascript
JavaScript定时器setTimeout()和setInterval()详解
2017/08/18 Javascript
基于vue+canvas的excel-like组件实例详解
2017/11/28 Javascript
利用JQUERY实现多个AJAX请求等待的实例
2017/12/14 jQuery
微信小程序解析富文本过程详解
2019/07/13 Javascript
Vue 用Vant实现时间选择器的示例代码
2019/10/25 Javascript
JavaScript基于面向对象实现的无缝滚动轮播示例
2020/01/17 Javascript
Java Varargs 可变参数用法详解
2020/01/28 Javascript
Python计算三维矢量幅度的方法
2015/06/15 Python
pyqt5 实现工具栏文字图片同时显示
2019/06/13 Python
PyQt5 QTableView设置某一列不可编辑的方法
2019/06/25 Python
python挖矿算力测试程序详解
2019/07/03 Python
python递归法实现简易连连看小游戏
2020/03/25 Python
django与vue的完美结合_实现前后端的分离开发之后在整合的方法
2019/08/12 Python
Python 利用Entrez库筛选下载PubMed文献摘要的示例
2020/11/24 Python
HTML5中的nav标签学习笔记
2016/06/24 HTML / CSS
html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色/端点/交汇点
2013/01/09 HTML / CSS
韩国休闲女装品牌网站:ANAIS
2016/08/24 全球购物
天猫精选:上天猫,就够了
2016/09/21 全球购物
阿迪达斯香港官网:adidas香港
2019/11/09 全球购物
求职信模板标准格式范文
2014/02/23 职场文书
技术股份合作协议书
2014/10/05 职场文书
项目经理岗位职责
2015/01/31 职场文书
2015年社区党建工作汇报材料
2015/06/25 职场文书
SQL SERVER实现连接与合并查询
2022/02/24 SQL Server