`
piperzero
  • 浏览: 3541316 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

限制HTML的input只能输入数字、英文、汉字...

阅读更多

常用HTML正则表达式
1.只能输入数字和英文的:
<input onkeyup="value=value.replace(/[\W]/g,'') "
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
ID="Text1" NAME="Text1">
2.只能输入数字的:
<input onkeyup="value=value.replace(/[^\d]/g,'') "
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
ID="Text2" NAME="Text2">
3.只能输入全角的:
<input onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"
ID="Text3" NAME="Text3">
4.只能输入汉字的:
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
ID="Text4" NAME="Text4">
5.邮件地址验证:
var regu =
"^(([0-9a-zA-Z]+)|([0-9a-zA-Z]+[_.0-9a-zA-Z-]*[0-9a-zA-Z]+))@([a-zA-Z0-9-]+[.])+([a-zA-Z]{2}|net|NET|com|COM|gov|GOV|mil|MIL|org|ORG|edu|EDU|int|INT)$"
var re = new RegExp(regu);
if (s.search(re) != -1) {
return true;
} else {
window.alert ("请输入有效合法的E-mail地址 !")
return false;
}
6.身份证:
"^\\d{17}(\\d|x)$"
7.17种正则表达式
"^\\d+$"  //非负整数(正整数 + 0)
"^[0-9]*[1-9][0-9]*$"  //正整数
"^((-\\d+)|(0+))$"  //非正整数(负整数 + 0)
"^-[0-9]*[1-9][0-9]*$"  //负整数
"^-?\\d+$"    //整数
"^\\d+(\\.\\d+)?$"  //非负浮点数(正浮点数 + 0)
"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"  //正浮点数
"^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$"  //非正浮点数(负浮点数 + 0)
"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"  //负浮点数
"^(-?\\d+)(\\.\\d+)?$"  //浮点数
"^[A-Za-z]+$"  //由26个英文字母组成的字符串
"^[A-Z]+$"  //由26个英文字母的大写组成的字符串
"^[a-z]+$"  //由26个英文字母的小写组成的字符串
"^[A-Za-z0-9]+$"  //由数字和26个英文字母组成的字符串
"^\\w+$"  //由数字、26个英文字母或者下划线组成的字符串
"^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$"    //email地址
"^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$"  //url
=============================================
1.取消按钮按下时的虚线框
  在input里添加属性值 hideFocus 或者 HideFocus=true

2.只读文本框内容
在input里添加属性值 readonly

3.防止退后清空的TEXT文档(可把style内容做做为类引用)
  <INPUT style=behavior:url(#default#savehistory); type=text
id=oPersistInput>

4.ENTER键可以让光标移到下一个输入框
  <input onkeydown="if(event.keyCode==13)event.keyCode=9" >

5.只能为中文(有闪动)
  <input onkeyup="value="/value.replace(/[" -~]/g,’’)"
onkeydown="if(event.keyCode==13)event.keyCode=9">

6.只能为数字(有闪动)
  <input onkeyup="value="/value.replace(/["^\d]/g,’’)
"onbeforepaste="clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^\d]/g,’’))">

7.只能为数字(无闪动)
  <input ime-mode:disabled"
onkeydown="if(event.keyCode==13)event.keyCode=9" onKeypress="if
((event.keyCode<48 || event.keyCode>57)) event.returnValue=false">

8.只能输入英文和数字(有闪动)
  <input onkeyup="value="/value.replace(/[\W]/g,"’’)"
onbeforepaste="clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^\d]/g,’’))">

9.屏蔽输入法
  <input type="text" name="url" ime-mode:disabled"
onkeydown="if(event.keyCode==13)event.keyCode=9">

10. 只能输入 数字,小数点,减号(-) 字符(无闪动)
  <input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 &&
(event.keyCode<48 || event.keyCode>57)) event.returnValue=false">

11. 只能输入两位小数,三位小数(有闪动)
  <input maxlength=9
onkeyup="if(value.match(/^\d{3}$/))value="/value.replace(value,parseInt(value/10))"
;value="/value.replace(/\.\d*\./g,’."’)" onKeyPress="if((event.keyCode<48
|| event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 ||
value.match(/^\d{3}$/) || /\.\d{3}$/.test(value))
{event.returnValue=false}" id=text_kfxe name=text_kfxe>

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/Lechie/archive/2010/08/31/5852035.aspx

分享到:
评论

相关推荐

    input只能输入数字英文字母汉字

    根据提供的文件信息,本文将详细解释如何通过JavaScript代码限制HTML中的`&lt;input&gt;`元素只接收数字、英文字符以及汉字输入。这些技术对于确保用户输入的数据符合预期格式非常有用,在多种应用场景下都非常重要。 ###...

    火狐input只能输入数字

    在网页开发中,我们经常需要创建输入框(`input`元素)来收集用户的数据,而有时我们希望用户只能输入数字。火狐浏览器和其他现代浏览器都提供了相应的机制来限制`input`元素的输入类型。在本篇文章中,我们将深入...

    js限制input标签中只能输入中文.docx

    若想限制只能输入数字,则可使用`/\D/g`。 #### 六、注意事项 1. **浏览器兼容性**:虽然上述代码在现代浏览器中表现良好,但在一些旧版本浏览器中可能无法正常工作。建议在实际项目中测试多个浏览器的兼容性。 2....

    使用正则限制input框只能输入数字/英文/中文等等

    本文将详细介绍如何使用正则表达式来限制input框的输入,包括只能输入数字、英文、中文等。 首先,我们要了解正则表达式的基本组成部分。正则表达式通常由字母、数字、特殊符号及这些符号组合而成。在HTML中,我们...

    js完美解决jsp文本框限制只能输入数字、小数问题

    ### js完美解决JSP文本框限制只能输入数字、小数问题 在Web开发过程中,确保用户输入的数据符合预期格式是一项非常重要的任务。特别是在涉及到数值输入时,开发者常常需要限制文本框仅能接受数字或者带有一定数量...

    js 限制input只能输入数字、字母和汉字等等

    本文将详细解释如何通过JavaScript实现对input元素输入内容的限制,主要包括以下几种限制情况:只能输入数字、字母和汉字;只能输入数字,包括小数点;不能输入特定字符;限制小数点后位数等。 1. 限制只能输入数字...

    html限制文本框输入小数点 数字 字母 汉字 等

    - 此处使用正则表达式 `[^\d|chun]` 来限制输入框只能输入数字或特定字符(这里用 `chun` 作为示例)。 #### 方法七:限制输入框只接受特定格式的小数 ```html &lt;input onKeyPress="if ((event.keyCode || event....

    正则表达式限制文本框只能输入数字,小数点,英文字母,汉字[文].pdf

    本文将重点介绍如何利用正则表达式限制文本框只能输入数字、小数点、英文字母以及汉字,并给出具体的实现方式。 #### 三、具体应用场景与实现方法 ##### 1. 只允许输入数字(不包含小数点) ```html &lt;input ...

    Javascript只能输入数字或汉字

    在JavaScript中,限制用户输入只能为数字或汉字的需求在网页交互和表单验证中非常常见。这涉及到JavaScript的事件处理、正则表达式以及DOM操作等基础知识。下面将详细讲解如何实现这一功能。 首先,我们需要了解...

    js正则表达式限制文本框只能输入数字,小数点,英文字母.pdf

    &lt;input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value=''}"&gt; ``` 这里使用了`isNaN(value)`函数判断值是否为数字,如果不是数字,则执行撤销命令`execCommand('undo')`取消最后...

    js限制文本框只能输入数字,小数点,英文字母,汉字

    ### JS限制文本框只能输入数字、小数点、英文字母、汉字的知识点解析 在Web开发中,经常需要对用户输入的数据进行合法性验证,确保数据格式符合预期的要求。例如,有时我们需要限定文本框内只能输入特定类型的字符...

    js正则表达式限制文本框只能输入字母和汉字

    ### 正则表达式在JavaScript中的应用:限制文本框只能输入字母和汉字 在Web开发过程中,表单验证是一项常见的任务。确保用户输入的数据符合预期的格式有助于提高数据的准确性和安全性。本篇文章将深入探讨如何使用...

    js正则表达式限制文本框只能输入数字,小数点,英文字母.docx

    以下是一些JavaScript正则表达式示例,用于限制文本框(`&lt;input&gt;`)的输入,只允许用户输入数字、小数点、英文字母等特定字符。 1. **仅允许数字(不包括小数点)**: ```html &lt;input onkeyup="this.value = this...

    INPUT输入限制

    根据提供的文件信息,我们可以归纳出以下关于“INPUT输入限制”的知识点: ### 1. 数字输入限制 在第一个示例中,使用了两种方法来确保用户只能输入数字。 - **第一种方法**:通过 `onkeyup` 和 `onafterpaste` ...

    js限制input标签中只能输入中文

    本文主要讨论了如何利用JavaScript(js)来限制HTML页面中的`&lt;input&gt;`标签只能输入中文字符。中文字符在Unicode编码范围大致在`\u4E00`到`\u9FA5`之间。为了实现这一功能,我们需要在输入框中添加相应的事件监听器,...

    js限制文本框只能输入数字或字母的方式总结.pdf

    3. **只能输入数字和英文**: 使用`/[^\d|chun]/g`正则表达式移除非数字和非英文字符: ```html &lt;input onKeyUp="value=value.replace(/[^\d|chun]/g,'')"&gt; ``` 4. **小数点后最多两位,数字和中文可输入,不...

    input,验证,闪动,自动删除,限制输入

    这段JavaScript代码定义了一个名为`onlyNum`的自定义验证函数,用来限制输入框只能输入数字。函数通过检测键盘事件(`event`)的`keyCode`属性来判断用户输入的是不是数字键(包括标准键盘上的数字键和小键盘上的数字...

Global site tag (gtag.js) - Google Analytics