`
lls17
  • 浏览: 9998 次
  • 性别: Icon_minigender_2
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类

页面用js脚本控制文本框里输入的类型

阅读更多
经常会遇到在前台用js检查数据问题。
只能输入和粘贴汉字<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" 
		onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"><br/>
只能输入和粘贴数字<input onkeyup="this.value=this.value.replace(/\D/g,'')" 
    	onafterpaste="this.value=this.value.replace(/\D/g,'')" /><br/>
数字脚本<input onkeyup="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}"><br/>
只能输入数字和英文<input onkeyup="value=value.replace(/[\W]/g,'') "
  		onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"><br/>
简易禁止输入汉字<input style="ime-mode:disabled">输入法不转换,但可粘贴上<br/>
输入数字和小数点<input onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" /><br/>
只能数字和"-",例如在输入时间的时候可以用到
  <input onkeyup="value=value.replace(/[^\w&=]|_/ig,'')" onblur="value=value.replace(/[^\w&-]|_/ig,'')" />


以上是我收集到的,一些东西重在自己理解。
像onafterpaste这个属性(或粘贴函数),像onkeyup="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}"(alert和value的使用),像style="ime-mode:disabled"(像你在输入验证码时,不需要输入法的转换),像onkeyup函数(怎么就不用别的函数)。
分享到:
评论

相关推荐

    JS与Jquery之文本框输入并同步输出显示

    在JavaScript和jQuery的世界里,文本框输入的实时同步输出显示是一项常见的交互功能,它能够提升用户的体验,使得用户在输入时就能即时看到结果。本文将深入探讨如何利用这两种技术实现这一功能。 首先,我们来了解...

    jquery插件,是文本框只能输入数字

    4. `autoLoader.js`: 可能是一个自动加载脚本,负责在页面加载时初始化插件,确保其正确运行。 5. `使用说明.txt`和`参数含义.txt`: 这两个文本文件包含了插件的使用指南和参数解释,对于开发者来说是理解并正确应用...

    文本框输入 @ 符号的输入提示的JS代码.rar

    本资源“文本框输入 @ 符号的输入提示的JS代码.rar”聚焦于一个特定的用户界面(UI)功能,即在文本输入框中输入特定字符(如“@”)时显示提示信息。这种功能常见于社交网络或电子邮件服务,当用户输入“@”以提及...

    js文本框输入内容智能提示效果

    在本例中,我们探讨的是如何实现一个基于JS的文本框输入内容智能提示功能,这种功能常见于搜索引擎、输入框自动补全等场景,可以极大地提升用户输入体验。 1. **事件监听**: 在这个例子中,使用了`keyup`事件来...

    jQuery计算文本框可输入字数代码.zip

    在网页设计中,有时我们需要对用户输入的字符数进行限制并实时显示剩余可输入的字数,以确保数据格式的规范或防止过大的输入导致页面加载问题。`jQuery`是一个非常流行的JavaScript库,它提供了丰富的功能来简化DOM...

    Ajax文本框输入提示

    这个简单的Ajax文本框输入提示例子展示了如何结合JavaScript、CSS和服务器端脚本(如ASP)来创建一个实时的、动态的用户输入体验。通过这种方式,用户可以更快地找到他们想要的信息,提高了网页的可用性和交互性。在...

    文本框自动记忆功能的js示例

    这个JS示例展示了如何利用JavaScript和Cookie技术实现这一功能。Cookie是一种在用户浏览器端存储少量信息的技术,它可以用来保存用户的偏好设置、登录状态或者如本例中的文本框内容。 首先,我们要理解JavaScript在...

    jQuery.autoTextarea文本框自适应输入高度代码.rar

    《jQuery.autoTextarea文本框自适应输入高度代码详解》 在网页设计中,用户交互体验是至关重要的一个环节,其中文本输入框的优化是提升用户体验的关键因素之一。`jQuery.autoTextarea`是一个优秀的JavaScript插件,...

    使用JavaScript实现Web程序中多个文本框的批量选择、批量修改

    最近,我使用纯Javascript实现了一个批量修改文本框中的数据的功能,拖动鼠标即可选择页面上(包括GridView中)多个文本框,然后会自动弹出对话框要求用户输入新值。实现方法对TextBox没有侵入性,也不需要修改现有...

    自动关联文本框

    6. 非阻塞脚本:由于JavaScript是单线程的,为了确保文本框的即时更新不影响页面其他功能,应确保脚本执行是非阻塞的。这可以通过异步调用来实现,比如在AJAX请求中使用回调函数、Promise或者async/await。 通过...

    web文本框宽度自适应

    【描述】提到的技术实现是基于JavaScript(JS),这是一种广泛使用的客户端脚本语言,可以在用户的浏览器上运行,无需服务器参与。在“Onkeydown”事件中注册JS代码,意味着每当用户按下键盘上的一个键时,都会触发...

    使用JavaScript限制TextArea多行文本域的可输入字数

    JavaScript是一种解释型、弱类型的脚本语言,广泛应用于网页和浏览器交互。通过DOM(Document Object Model),JavaScript可以访问和修改HTML元素,包括`&lt;textarea&gt;`。 要限制`&lt;textarea&gt;`的输入字数,我们首先需要...

    文本框输入 @ 符号的输入提示效果

    在Web开发中,实现“文本框输入 @ 符号的输入提示效果”是一种常见的交互设计,主要用于提升用户体验,尤其是在社交网络、聊天应用或者邮件系统中。这种功能让用户能够快速选择或提及其他用户,通过输入“@”符号...

    javascript之文本框输入四个数字自动加空格的脚本

    文件标题中提到的“javascript之文本框输入四个数字自动加空格的脚本”指的是使用JavaScript语言编写的一个功能,即自动在用户输入的数字中每四个数字后面加入一个空格。 2. HTML文本框:HTML文本框是一种表单元素...

    常用JS脚本页面判断

    在JavaScript中,页面判断是网页开发中不可或缺的一部分,主要用于数据验证...以上就是对JS脚本页面判断的详细介绍,涵盖了数据验证、用户交互、浏览器兼容性等多个方面,这些技术对于构建功能丰富的Web应用至关重要。

    javascript经典特效---文本框栏目介绍.rar

    6. **动态改变样式(Style Manipulation)**:可以使用JavaScript修改文本框的样式,如边框颜色、背景色等,以响应用户的操作,如输入错误时高亮显示。 7. **事件监听(Event Handling)**:JavaScript提供了丰富的...

    js 文本框里粘贴一个图片url并显示

    在这个主题中,我们需要探讨JavaScript (简称JS) 如何实现在文本框中粘贴图片URL并展示图片的功能。首先,我们要明确这个操作涉及到的基本Web技术有HTML、CSS和JavaScript。用户可以在一个HTML文本框中输入或粘贴...

    弹出层 各种文本框

    4. 验证码文本框:用户需要输入图像中的字符以验证其不是机器人,用于防止自动脚本攻击。 5. 数字文本框:限制用户只能输入数字,适用于电话号码、年龄等场景。 6. 预填充文本框:默认包含一些文本,用户可以选择...

    jQuery文本框输入文字自动筛选代码.zip

    在`js`目录下的脚本中,开发者可能会使用到以下关键的jQuery方法: - `$(document).ready()`:页面加载完成后执行的函数,确保在操作DOM之前,DOM已经完全加载。 - `$('input[type="text"]').on('keyup', function()...

    文本框检索

    在文本框检索中,JavaScript常用来监听用户在文本框中的输入事件,实时发送请求到服务器,获取匹配的建议列表,并动态更新页面以显示这些结果。这一过程通常涉及到DOM操作,例如创建新的列表项、插入到页面中以及...

Global site tag (gtag.js) - Google Analytics