输入框设置只能输入数字

HTML5 可以用:
<input type="number">html4 的话只能用js实现了:
<input type="text" onkeyup="this.value=this.value.replace(/\D/g, ‘‘)">上面的只能输入整数。如果需要小数正则需要改成:
/[^\d\.]/g
再有其他特殊需求就自己搜索正则吧

原理就是监听输入框的 按键弹起<keyup>事件(按键事件分:按下,弹起),这个时候就是输入字符已经上屏的时候,执行正则替换掉非数字的字符。

当然,以上只是在输入阶段判断,安全点,需要用js在提交阶段再用js验证一下,然后后台接收到数据再验证一下,这样应该就完美了。

最后补充下:这个属于html的范畴,和JSP没有关系。因为到用户输入那,所有的JSP的动态代码都已经输出成静态的HTML了,JSP的动态Java代码已经影响不到已经静态化的页面上的操作了。

原文地址:https://www.cnblogs.com/shuilangyizu/p/9672760.html

时间: 2024-08-29 07:54:23

输入框设置只能输入数字的相关文章

用js使得输入框input只能输入数字

JS判断只能是数字和小数点1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">2.只能输入数字,能输小数点.<input onkeyup="if(isNaN(value))execCommand('undo')" 

设置只能输入数字

<asp:TextBox ID="txtHKMonth" runat="server" CssClass="month" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"></asp:TextBox>

android的edittext设置输入限制,只能输入数字

EditText的属性里面已经封装好了相关的设置,上一篇文章里面也提到了,不熟悉的可以去查看上一篇EditText属性大全,这里着重讲输入限制的属性: android:digits="1234567890.+-*/%\n()" 限制输入框中只能输入自己定义的这些字符串 如果输入其它将不予以显示 android:phoneNumber="true" 限制输入框中只能输入手机号码 android:password="true" 限制输入框中输入的任何

C#设置textBox只能输入数字(正数,负数,小数)简单实现

/* *设置textBox只能输入数字(正数,负数,小数) */ public static bool NumberDotTextbox_KeyPress(object sender, KeyPressEventArgs e) { //允许输入数字.小数点.删除键和负号 if ((e.KeyChar < 48 || e.KeyChar > 57) && e.KeyChar != 8 && e.KeyChar != (char)('.') && e

javascript设置文本框只能输入数字

javascript设置文本框只能输入数字:在很多实际需要中,需要对输入的内容进行限制,比如有些地方只能够输入数字,例如大家经常使用的QQ号码,这个当然当然是数字了,下面就简单介绍一下如何实现此功能.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.s

NPOI 生成Excel (单元格合并、设置单元格样式:字段,颜色、设置单元格为下拉框并限制输入值、设置单元格只能输入数字等)

NPIO源码地址:https://github.com/tonyqus/npoi NPIO使用参考:源码中的 NPOITest项目 下面代码包括: 1.包含多个Sheet的Excel 2.单元格合并 3.设置单元格样式:字段,颜色 4.设置单元格为下拉框并限制输入值 5.设置单元格只能输入数字 // // GET: /Excel/ public ActionResult Write() { var workbook = new HSSFWorkbook();//从流内容创建Workbook对象

android 设置EditText只能输入数字

android:numeric="integer" 设置EditText只能输入数字 <EditText android:id="@+id/edit_text" android:layout_width="106dp" android:layout_height="50dp" android:numeric="integer" />

input输入框 只能输入数字 oninput = &quot;value=value.replace(/[^\d]/g,&#39;&#39;)&quot;

项目中因为利用 element-ui 和avue两个ui框架搭建的 1.利用element-ui自带的校验需要注意点 prop  :rules ref这三个属性 2.利用oninput时间进行校验  oninput = "value=value.replace(/[^\d]/g,'')"   写在html中Input 标签内可以 ,写在第三方ui框架也可以 如图 这是html中input标签中 input输入框 只能输入数字 oninput = "value=value.re

HTML输入框只能输入数字或数字字母组合

JS判断只能是数字和小数点 1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点.<input onkeyup="if(isNaN(value))execCommand('undo')"