`
jia106329
  • 浏览: 62828 次
  • 性别: Icon_minigender_2
  • 来自: tj
社区版块
存档分类
最新评论

js基础 返回 text输入控制

    博客分类:
  • js
阅读更多
返回

window.history.go(-1);
history.back();


转自:[url]
http://www.diybl.com/course/1_web/javascript/jsjs/20090825/172072.html[/url]

利用正则表达式(只录入中文,数字,英文)

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

只能输入全角字符:<input id="input2" type="text" onkeyup="value=value.replac(/[^\u4E00-\u9FA5]/g,'')">

只能输入数字:<input id="input3" type="text" onkeyup="value=value.replace(/[^\d]/g,'') ">

只能输入数字和英文:<input id="input4" type="text" onkeyup="value=value.replace(/[\W]/g,'')"><br>


转自:[url]
http://bbs.yanshan.cc/thread-6575-1-1.html[/url]
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')" onafterpaste="if(isNaN(value))execCommand('undo')">
<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">

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}">

4.只能输入字母和汉字
<input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">

5.只能输入英文字母和数字,不能输入中文
<input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">

6.只能输入数字和英文<font color="Red">chun</font>
<input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">

7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">

8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:
<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">

9.IP地址下面是利用正则表达式匹配IP地址,并将IP地址转换成对应数值的Javascript程序:

function IP2V(ip)
{
re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g //匹配IP地址的正则表达式
if(re.test(ip))
{
return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1
}
else
{
throw new Error("Not a valid IP address!")
}
}
10.匹配Email地址的正则表达式:
\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*

11.匹配网址URL的正则表达式:
http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?

.用正则表达式限制只能输入中文: 
onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"

13.用正则表达式限制只能输入全角字符:  
onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"

14.数字和小数点
<input onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" onbeforepaste="
分享到:
评论

相关推荐

    让html的text只能输入和1个小数点

    根据提供的文件信息,本文将详细解释如何通过JavaScript和HTML实现一个文本框仅允许用户输入数字和一个小数点的功能。此功能对于需要精确数值输入的场景非常有用,例如金融应用、科学计算工具等。 ### 实现原理 ...

    js限制textarea每行输入字符串长度的代码.docx

    在JavaScript中,对`textarea`元素进行输入字符串长度限制是一个常见的需求,特别是在处理用户输入时,需要确保数据格式的正确性。在HTML中,`textarea`控件不像`input[type="text"]`那样可以直接通过`maxlength`...

    js输入过滤.docx

    在文档"js输入过滤.docx"中,主要涉及了使用正则表达式进行输入验证以及一些常见的JavaScript函数的使用。 首先,我们来看正则表达式的应用。正则表达式是一种强大的文本匹配工具,常用于验证用户输入的数据格式。...

    JavaScript学习基础学习心得

    2. **外部文件**:通过`&lt;script type="text/javascript" src="demo.js"&gt;&lt;/script&gt;`标签引用外部的JavaScript文件。 #### 变量 1. **声明与赋值**:可以将声明与赋值分开写,也可以同时完成。 - 示例:`var a; a =...

    javascript简单判断输入内容是否合法的方法

    在JavaScript中,判断输入内容是否合法通常涉及到字符串的验证,特别是使用正则表达式(Regular Expression)进行复杂的字符匹配。本篇文章将通过一个实例来介绍如何使用JavaScript来判断输入的用户名是否只包含数字...

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

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

    ASP中Text的联想输入功能

    在ASP中实现“Text”的联想输入功能,主要是为了提升用户体验,使得用户在输入时能够得到相关的建议,加快数据录入的速度并减少错误。这种功能常见于搜索框、表单输入等场景,通常依赖于后台数据库的支持。 实现ASP...

    Javascript接收键盘输入

    在探讨“Javascript接收键盘输入”这一主题时,我们首先需要理解JavaScript如何与用户进行交互,尤其是在接收用户通过键盘输入信息的场景下。JavaScript是一种广泛应用于网页开发中的脚本语言,它能够实现动态交互...

    原生js 表单搜索text文本框支持手写输入法

    1. 第三方库:利用第三方库如IME.js、Handwriting.js等,它们提供了手写输入的接口,可以通过JavaScript调用并接收用户的手写输入。 2. Web组件:使用Web Components技术封装手写输入组件,与原生表单结合使用。...

    仿Google输入+取得控件绝对位置+text的正下方左对齐+可编辑下拉框

    在JavaScript编程领域,创建一个仿Google输入的交互式控件是一项常见的需求,它通常涉及到文本框、下拉菜单以及布局的精确控制。本项目旨在实现一个具有以下功能的可编辑下拉框: 1. **仿Google输入样式**:Google...

    js控制select相关方法

    以下是对标题和描述中提到的JavaScript控制`select`相关方法的详细说明: 1. **判断 select 选项中 是否存在 Value="paraValue"的 Item** 这个功能可以通过遍历`select`的`options`数组来实现,检查每个选项的`...

    JS下拉框-输入自动弹出

    总结一下,"JS下拉框-输入自动弹出"涉及到的技术点包括:HTML和CSS基础、JavaScript事件监听、AJAX异步请求、DOM操作、以及可能的前端框架使用。在实现过程中,需要关注用户体验、性能优化和兼容性问题,确保功能在...

    js只能输入数字(包括小数)的文本框

    "js只能输入数字(包括小数)的文本框"就是一个这样的需求,它通过JavaScript代码实现,允许用户在文本框中输入整数或小数,而排除其他非数字字符。这通常用于财务、统计或任何需要精确数值输入的场景。 JavaScript...

    Text2Emotion分析一句话的情绪值

    Text2Emotion项目旨在实现一个简单易用的JavaScript工具,用户可以输入一句话,系统会返回这句话的情感得分。这个得分反映了句子的整体情感倾向,通常介于-1(极度消极)到1(极度积极)之间。 三、项目实现流程 1...

    JS基础知识

    ### JS基础知识概述 JavaScript(简称JS)是一种广泛应用于网页开发中的脚本语言,它与HTML、CSS一起构成了现代Web开发的基础。随着互联网技术的发展,JS的重要性日益凸显,无论是前端还是后端开发,都离不开它的...

    js验证输入不能为空

    "js验证输入不能为空"这个主题涉及到确保用户在提交表单时必须填写特定字段,避免提交空值导致的数据不完整或无效。下面我们将深入探讨如何使用JavaScript进行这种验证。 首先,我们需要了解JavaScript中的事件监听...

    只能输入数字和小数点的js

    ### 只能输入数字和小数点的JS方法详解 #### 概述 在Web开发过程中,经常需要对用户输入的数据进行验证,特别是在涉及到数值输入的场景中,限制用户只能输入数字(包括整数和小数)是非常常见的需求。本文将详细...

    JS脚本键盘自动识别输入是否是正确车牌。新能源车牌要加代码和改一下输入长度

    在JavaScript(JS)编程中,实现键盘自动识别输入是否为正确车牌号码的功能,涉及到一系列的字符串处理、正则表达式和事件监听技术。这个功能在汽车行业的应用中尤为重要,例如在线车辆注册、租赁平台或者停车场管理...

    JavaScript基础知识总汇

    ### JavaScript基础知识总汇 #### 一、JavaScript基本格式 JavaScript是一种广泛使用的脚本语言,用于增强网页交互性。它的基本格式通常如下: ```javascript &lt;script type="text/javascript"&gt; function 函数名...

    fuzzysort用于JavaScript快速类似SublimeText的模糊搜索

    `fuzzysort`就是这样一个库,它为JavaScript开发者提供了类似Sublime Text的模糊搜索功能,使我们能够在自己的项目中实现高效、灵活的搜索体验。 `fuzzysort`的核心在于它的模糊匹配算法,这种算法能够处理拼写错误...

Global site tag (gtag.js) - Google Analytics