注册登录时输入11位手机号,不能输入字母和特殊字符,input number类型去掉上下加减箭头
2017-08-08 15:34
609 查看
1、如果使用type=“number”,则为造成能输入“-”、‘+’和“.”,在type为number的时候要可以输入加号、减号和小数点的。
补充:在为number类型时,会产生上下可以加减的箭头,去掉方式为
效果为
2、限制输入框为只能输入最大为11为数字
autofocus:文本输入字段被设置为当页面加载时获得焦点
autocomplete:自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项
注释:autocomplete
属性适用于 <form>,以及下面的 <input> 类型:text, search, url, telephone, email, password, datepickers, range 以及 color。
oninput:事件在用户输入时触发
onkeyup:用户释放键盘按钮时出发
3、密码输入为6-16为数字和字母的组合
<input type="password" placeholder="请输入密码" autocomplete="off" oninput="if(value.length>16)value=value.slice(0,16)" onKeyUp="value=value.replace(/[\W]/g,'')" />
补充:在为number类型时,会产生上下可以加减的箭头,去掉方式为
input[type='number']{-moz-appearance:textfield;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
效果为
2、限制输入框为只能输入最大为11为数字
<input type="text" placeholder="请输入手机号" autofocus="autofocus" autocomplete="off" oninput="if(value.length>11)value=value.slice(0,11)" onkeyup="this.value=this.value.replace(/\D/g,'')"/>
autofocus:文本输入字段被设置为当页面加载时获得焦点
autocomplete:自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项
注释:autocomplete
属性适用于 <form>,以及下面的 <input> 类型:text, search, url, telephone, email, password, datepickers, range 以及 color。
oninput:事件在用户输入时触发
onkeyup:用户释放键盘按钮时出发
3、密码输入为6-16为数字和字母的组合
<input type="password" placeholder="请输入密码" autocomplete="off" oninput="if(value.length>16)value=value.slice(0,16)" onKeyUp="value=value.replace(/[\W]/g,'')" />
相关文章推荐
- input类型为number的时候,如何去掉浏览器自带的上下箭头?
- 输入框input类型为number时,去掉上下箭头方式
- 输入框input类型为number时,去掉上下箭头方式
- input中 type=number 的文本框(数字框) 去掉箭头 且不能输入e和标点符号
- input[type='number']中去掉右边上下箭头,并禁用滚动加减
- html去掉number类型input右侧的加减按钮
- 如何让input number类型的标签不产生上下加减的按钮
- JavaScript 中怎样判断文本框只能输出英文字母、汉字和数字,不能输入特殊字符!
- input type=number 去掉输入框中的上下箭头
- 密码只能输入字母+数字不能包含特殊字符的校验规则
- css input[type=number]去掉上下箭头,只能输入数字
- 【转】去掉HTML5中number类型input字段的小箭头
- 限制字符长度及特殊符号不能输入
- 移除input在type="number"时的上下箭头和禁用鼠标滚轮事件
- Flex&nbsp;TextInput&nbsp;禁止输入特殊字符[…
- NGUI--怎么控制Input中的输入的字符长度和类型
- 移除HTML5 input在type="number"时的上下小箭头
- 移除HTML5 input在type="number"时的上下小箭头
- UITextField限制输入的字符个数。比如输入手机号时,只能是11位
- 解决微信登录时昵称中包含特殊字符,不能存入数据库问题