【html】input限制输入

柔光的暖阳◎ 2022-06-02 11:55 257阅读 0赞

原博客地址：[https://www.cnblogs.com/phpfensi/p/7298617.html][https_www.cnblogs.com_phpfensi_p_7298617.html]  
1.文本框只能输入数字代码(小数点也不能输入)

<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
    <br><br>

2.只能输入数字,能输小数点.

<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')"> <input name="txt1" onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}"> <br><br>

3.数字和小数点方法二

<input type="text" t_value="" o_value="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{ if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}"> <br><br>

4.只能输入字母和汉字

<input onkeyup="value=value.replace(/[\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength="10" name="Numbers">
    <br><br>

5.只能输入英文字母和数字,不能输入中文

<input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">
    <br><br>

6.只能输入数字和英文chun

<input onkeyup="value=value.replace(/[^\d|chun]/g,'')">
    <br><br>

7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:

<input onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">
    <br><br>

8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:

<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">
    <br><br>

输入中文:

<input type="text" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')">  
    <br><br>

输入数字:

<input type="text" onkeyup="this.value=this.value.replace(/\D/g,'')">  
    <br><br>

输入英文:

<input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">  
     <br><br>

三个合在一起

<input onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')">  
     <br><br>

只输入数字和字母

：<input class="input" maxlength="12" size="15" name="username" id="username" onkeyup="value=value.replace(/[\W]/g,'')"> 
    <br><br>

除了英文的标点符号以为 其他的人都可以中文，英文字母，数字，中文标点

<input type="text" onkeyup="this.value=this.value.replace(/^[^!@#$%^&*()-=+]/g,'')">

[https_www.cnblogs.com_phpfensi_p_7298617.html]: https://www.cnblogs.com/phpfensi/p/7298617.html

发表评论取消回复

表情：

评论列表（有 0 条评论，257人围观）

还没有评论，来说两句吧...

相关阅读

相关 flutter 输入框限制输入数字、小数

更多Widget 的应用，小编已总结在书中 [手机点击查看][Link 1] [电脑点击查看][Link 2] ![请添加图片描述][watermar

喜欢ヅ旅行/ 2023年10月07日 17:09/ 0 赞/ 48 阅读

相关 flutter TextField 限制输入长度,限制输入数字文字等类型

//限制长度 inputFormatters: [LengthLimitingTextInputFormatter(11)], //限制输入数

灰太狼/ 2023年10月05日 15:46/ 0 赞/ 22 阅读

相关 vue输入框限制各种输入格式

（1）限制只能输入数字、带小数点的数字 <el-input v-model="form.userName" @input="onInput('keyName', $e

清疚/ 2022年09月04日 07:48/ 0 赞/ 456 阅读

相关输入框限制

Web 前端项目，经常会遇到输入控件只能输入汉字，字母或者数字等等，本文介绍了一种简单的方法。比如只能输入字母，则在你输入的时候进行判断，如果你输入的是数字，则会把数字自动的替

冷不防/ 2022年07月16日 00:48/ 0 赞/ 241 阅读

相关 jsp 输入字数限制

<%@ page language="java" import="java.util." pageEncoding="UTF-8"%> <!DOCTYPE HT

妖狐艹你老母/ 2022年06月04日 05:44/ 0 赞/ 230 阅读

相关【html】input限制输入

原博客地址：[https://www.cnblogs.com/phpfensi/p/7298617.html][https_www.cnblogs.com_phpfensi_p

柔光的暖阳◎/ 2022年06月02日 11:55/ 0 赞/ 258 阅读

相关 UITextField数字输入限制

使用通知的方式，限制UITextField的输入。代码示例如下： UITextField textField = [[UITextField alloc] in

落日映苍穹つ/ 2022年03月21日 03:51/ 0 赞/ 275 阅读

相关输入框限制输入两位小数

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][] HTML: <input type="number" name="price

我不是女神ヾ/ 2022年01月15日 10:19/ 0 赞/ 359 阅读

相关输入框输入字符限制

这里以数字框为例，只允许输入数字（输入限制，粘帖限制，输入法限制） <input type="text" name="Number" onKeyPress="Numbe

男娘i/ 2022年01月10日 23:43/ 0 赞/ 428 阅读

相关 input 输入框限制

只能输入数字和一个小数点转自： https://www.jianshu.com/p/c26bfb0dfd8d <label> 　　<input id="t

红太狼/ 2021年12月23日 00:23/ 0 赞/ 443 阅读