`

js各种验证文本框输入格式(正则表达式)

    博客分类:
  • js
阅读更多
不能为空
<input onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')">

只能输入英文和数字
<input onblur="if(/[^0-9a-zA-Z]/g.test(value))alert('有错')">
<input onkeyup="value=value.replace(/[^0-9a-zA-Z]/g,'')"/>
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">

判断字符由字母和数字,下划线,点号组成.且开头的只能是下划线和字母
/^([a-zA-z_]{1})([\w]*)$/g.test(str)

只能输入数字
<input name="text" type="text" id="NewPage" onKeyUp="value=value.replace(/\D/g,'')" onafterpaste="value=value.replace(/\D/g,'')" >

只能输入中文
<input type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

只能输入英文
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')">
<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')">

只能输入中文、英文、数字、@符号和.符号
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')">

只允许输入英文,且不能粘贴也无法弹出粘贴菜单
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" onkeydown="fncKeyStop(event)" onpaste="return false" oncontextmenu = "return false"/>

只能输入数字和点号(注意:在[^\d\.]里的d不能写成大写D,否则就变成除了数字以外的所有字符)
<input name="price" type="text" size="8" maxlength="8" onkeyup="value=value.replace(/[^\d\.]/g,'')" >

总而言之:先在<input>里输入onkeyup="value=value.replace(/[^\X]/g,'')" 然后在(/[\X]/g,'')里的X换成你想输入的代码就可以了

中文:u4E00-u9FA5
数字:d、0-9
英文:a-z、A-Z
其它符号@,点或其它符号.也可以多个,用\隔开就行了.
例如:
中、英文和数字加@符号加点符号:\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.

若想在文本框里不能右键弹出菜单和不能粘贴进复制的信息的话就要在<input>里输入 onKeyDown="fncKeyStop(event)" onpaste="return false" oncontextmenu="return false;"


详细出处参考:http://www.jb51.net/article/25081.htm
分享到:
评论

相关推荐

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

    ### 正则表达式在JavaScript中的应用:限制文本框只能输入数字及小数点 在Web开发中,经常需要对用户输入的数据进行合法性验证。为了确保数据格式正确且符合预期,开发者通常会在前端使用JavaScript结合HTML来实现...

    js文本框正则表达式验证

    根据提供的文件信息,我们可以总结出一系列关于JavaScript中利用正则表达式进行文本框验证的知识点。这些知识点将涵盖日期、时间、字母、整数、浮点数、字符串、中文字符及电子邮件格式等常见验证场景。 ### 1. ...

    JS只能输入数字,数字和字母等的正则表达式

    在JavaScript(JS)中,正则表达式是一种强大的工具,用于匹配、查找、替换和验证字符串中的模式。本文将深入探讨如何使用正则表达式来限制用户在HTML文本框中只能输入数字和字母。 首先,我们需要理解正则表达式的...

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

    本篇文章将深入探讨如何使用JavaScript(简称JS)中的正则表达式来实现一个文本框仅能输入字母(包括大小写)和汉字的功能。 #### 1. 理解需求 题目所提及的需求是:创建一个HTML文本框,通过JavaScript控制其输入...

    文本框只能输入 数字,小数点,减号 字符的正则表达式

    通过在前端代码(如JavaScript)中使用这个正则表达式,我们可以实现对用户输入的实时验证,确保文本框只能输入符合规则的字符。例如,在JavaScript中,我们可以这样设置输入框的`pattern`属性: ```javascript ^[-...

    js_正则表达式全攻略

    在JavaScript中,正则表达式被广泛应用于字符串操作、表单验证、数据提取等多种场景,其简洁性和灵活性使其成为开发人员必备的技能之一。 #### 二、实战案例详解 ##### 1. 匹配结尾的数字 **问题描述**:提取字符...

    使用正则表达式,控制输入

    使用正则表达式控制输入是一种有效的数据验证手段,它可以确保用户输入的数据符合特定格式,从而防止错误的数据进入系统。通过熟练掌握正则表达式,开发者能更好地控制和优化用户界面,提高用户体验,并且确保系统的...

    js各种验证文本框输入格式

    ### JavaScript 验证文本框输入格式详解 在前端开发中,使用JavaScript进行表单验证是十分常见的需求之一。本文将详细介绍几种常用的JavaScript方法来验证文本框中的输入格式,并结合具体的代码示例进行解释。 ###...

    js限制文本框只能输入数字(正则表达式).docx

    JavaScript中的正则表达式是用于处理字符串的强大工具,尤其在验证用户输入方面。在这个文档中,我们将探讨如何使用正则表达式限制文本框(input框)只允许用户输入数字。 首先,有两类创建正则表达式的常见方法: 1....

    常用的javascript基于正则表达式的文本框验证代码

    - 使用自定义JavaScript验证增强用户体验,提供实时反馈。 - 避免过度依赖客户端验证,服务器端验证同样重要,以防数据篡改。 - 提供明确的错误提示,帮助用户理解如何正确填写表单。 6. **学习资源** - MDN ...

    Jquery 正则表达式验证多个文本框.txt

    - 在本例中,我们将使用正则表达式来验证文本框输入内容的格式。 3. **文本框验证逻辑**: - 本案例中的验证逻辑是:当用户离开某个文本框时(即触发 `onblur` 事件),使用正则表达式验证文本框中的内容是否符合...

    《正则表达式大全(上)》(高清晰)pdf版

    通过设置`onkeyup`和`onbeforepaste`事件,使用正则表达式限制文本框输入内容,例如只允许输入中文、全角字符或数字,从而增强网页表单的输入有效性检查和用户体验。 以上正则表达式的应用展示了它们在文本处理、...

    经典JavaScript正则表达式实战

    JavaScript 正则表达式实战是编程学习中不可或缺的一部分,尤其是在处理表单验证等任务时,正则表达式的应用非常广泛。下面详细解析了文档中提到的JavaScript正则表达式实战应用的各个方面。 首先,匹配结尾的数字...

    RegexTool正则表达式测试小工具

    1. **实时测试**:用户可以输入正则表达式,并在右侧的文本框中输入或粘贴测试数据。工具会立即高亮显示所有匹配的子串,帮助用户快速理解正则表达式的匹配规则。 2. **网页提取**:除了对静态文本进行测试外,...

Global site tag (gtag.js) - Google Analytics