1.<input type="tel" name="num"  maxlength="5" οnkeyup="carNum($(this))"/>

  type="tel"表示是输入类型用于应该包含电话号码的输入字段,是html5的input属性

  maxlength:表示input表单输入的个数最多是5位,不能超过5位数

2.input表单只允许输入大于0的整数

/********input表单只允许输入大于0的整数,没有小数点************/function carNum($this){//输入框的值var value = $this.val() ;if(isNaN(value)){//判断值是不是数字$this.val(1) ;}else if(value==""){//这是当只有1位的时候,删除这个会进入这个判断,如果没有该判断,当只有一位的时候就不能删除
            }else if(value==0){//判断值是不是1$this.val(1) ;}else if(value.indexOf(".")!=-1){//判断有没有输入小数点$this.val(value.substring(0,value.indexOf(".")))}}

3.适用于:比如购物车的商品数量的判断

转载于:https://www.cnblogs.com/-scl/p/7766044.html

input表单只允许输入大于0的整数相关推荐

  1. element 表单只允许输入数字和两位小数,保留两位小数(四舍五入) 小数不足两位补0

    1.form表单 <el-form ref="ruleForm" :model="ruleForm" :rules="rules" l ...

  2. vue之ele组件中input表单限制输入字符

    目录 vue之ele组件中input表单限制输入字符 input只能输入 数字 input 只能输入中文 vue之ele组件中input表单限制输入字符 input只能输入 数字 <!-- 描述 ...

  3. 设置输入框el-input图标 / el-input表单只显示number

    设置输入框el-input图标 如果你在使用element-ui自定义插件的时候, 想保持和element风格一致,需要用到输入框 ,并且里面有icon小图标,不需要自己手写样式, 可以通过下面2种方 ...

  4. html5表单新增的输入类型,HTML5之表单新增类型介绍

    1.html5的input标签的type类型新增介绍: 2.表单新增属性介绍: 3.代码示例: 1970 1980 1990 默认值: form="register" /> ...

  5. input表单元素required用法

    input表单元素required用法 定义和用法 required 属性是一个布尔属性. required 属性规定必需在提交表单之前填写输入字段. 注意:required 属性适用于下面的 inp ...

  6. 解决chrome浏览器对于自动填充的input表单添加的默认的淡黄色背景问题 一般的浏览器input和button的高度不一致问题...

    解决chrome浏览器对于自动填充的input表单添加的默认的淡黄色背景问题 如果我们把一个表单设置位 autofocus ,这时这个表单在获取焦点后就会产生淡黄色的背景,我们就是使用!importa ...

  7. HTML基本语法之表单标签:表单的组成 ,表单域,表单控件元素(表单元素) ,input表单元素, label标签, 表单控件(表单元素), select表单元素, textarea表单元素

    文章目录 表单标签 表单的组成 表单域 常用属性: 表单控件元素(表单元素) input表单元素 label标签 表单控件(表单元素) select表单元素 textarea表单元素 表单元素几个总结 ...

  8. Html Input表单校验

    Html Input表单校验 Input可以绑定的附加属性有:datatype.nullmsg.sucmsg.errormsg.ignore.recheck.tip.altercss.ajaxurl ...

  9. php 表单录入,PHP 表单和用户输入

    PHP 表单和用户输入 介绍表单之前我们先来了解一下关于表单的基本知识点: 1.表单标签 标签用于为用户输入创建 HTML 表单. 表单能够包含 input 元素,比如文本字段.复选框.单选框.提交按 ...

最新文章

  1. 服务器怎么可以维修荒野行动,荒野行动PC版 设置单独服务器让你尽情畅玩
  2. 中山行书百年纪念版字体可以商用吗_干货|免费可商用字体
  3. 百度贴吧的数据抓取和分析(一):指定条目帖子信息抓取
  4. 出现这些迹象,说明你面试可能没戏了
  5. python查看包的路径_获取python及三方包的版本,安装路径等信息
  6. Lotus Domino服务器及其应用系统的高级管理(2)
  7. 【工程项目经验】多个静态库打包成一个静态库
  8. 《编码规范和测试方法——C/C++版》作业 ·007——C++引入MySQL给C的API并简单封装
  9. XII jenkins
  10. linux下epoll网络编程模型,C++ - 网络编程模型 - Linux EPOLL
  11. vue实现导出excel
  12. Node——request使用代理
  13. 2021 Top5 免费录屏软件
  14. 管家婆软件显示服务器连接失败,管家婆软件提示“连接服务器失败”怎么办
  15. php 查看session 时间,PHP 会话 (session 时间设定) 使用入门
  16. JzxxOJ 1299 半斤八两 题解
  17. 初级面试常见sql练习
  18. [Echarts][全网唯一]X轴axisLabel随文字长度自动旋转的实现思路
  19. 如何搭建一个自己图床网站
  20. 支付宝小程序分享转发

热门文章

  1. 通过path绘制点击区域
  2. LeetCode 7 Reverse Integer(反转数字)
  3. 2015/12/15--Document对象
  4. 在java中实现日期类型和字符串类型的转换大全(Date String Timestamp Datetime)
  5. Unix/Linux环境C编程入门教程(27) 内存那些事儿
  6. Ubuntu 中改变文件的默认打开方式(转)
  7. squirrel-foundation-demo
  8. 在网上收集了一部分关于使用Google API进行手机定位的资料和大家分享
  9. Storm教程1理论介绍
  10. vue项目中对axios的全局封装