input 输入值的监听 禁止输入特殊字符

1.input  输入值的监听 

//用于监听input的值变化(input的值产生变化才会触发事件)(function ($) {$.fn.watch = function (callback) {return this.each(function () {//缓存以前的值  $.data(this, 'originVal', $(this).val());//event  $(this).on('keyup paste', function () {var originVal = $.data(this, 'originVal');var currentVal = $(this).val();if (originVal !== currentVal) {$.data(this, 'originVal', $(this).val());callback(currentVal);}});});}})(jQuery);$("input:text").watch(function(value) {  console.log(value); });
View Code

 

jQuery实时监听input的值变化(input的值产生变化才会触发事件)

jquery 实时监听输入框值变化的完美方案

 

2.禁止输入特殊字符

<input type="text" name="username" value="ss" readonly>   

<input type="text" name="username" value="ss" disabled="true">  

input输入框禁止输入的几种方式

 

<input οnkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" οnpaste="value=value.replace(/[^\a-\z\A-\Z]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z]/g,'')">

JS控制文本框禁止输入特殊字符

 

转载于:https://www.cnblogs.com/justSmile2/p/10574203.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/365184.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

android 如何extends 多个,Android多线程:继承Thread类 使用解析(含实例教程)

前言在Android开发中&#xff0c;多线程的使用十分常见今天&#xff0c;我将全面解析多线程其中一种常见用法&#xff1a;继承Thread类。目录示意图1. 简介示意图2. 使用讲解2.1 使用步骤示意图2.2 具体使用// 步骤1&#xff1a;创建线程类 (继承自Thread类)class MyThread ext…

激发你的灵感:16个精美视差效果网页设计作品

对于视差滚动&#xff08;Parallax Scrolling&#xff09;&#xff0c;关注网页设计的朋友都不会陌生。在网页设计中&#xff0c;视差滚动是一种很特别的网页设计技术&#xff0c;通过让多层背景以不同的速度或者不同的方向移动形成 3D 运动效果&#xff0c;有很强的视觉冲击力…

Eclipse的Mockito模板

有时候&#xff0c;我想念树林里的树木-那是一段令人不安的长时间。 我最近才再次意识到这一点&#xff0c;在无数次中键入了一个更详细的模拟表达式。 有问题的语句是doAnswer(Answer)构造&#xff0c;使用涉及到的静态导入和泛型的东西进行编码总是很麻烦。 尽管我定期使用E…

使用 Web Tracing Framework 分析富 JS 应用的性能

来自谷歌的 Web Tracing Framework 包含一组工具和脚本&#xff0c;用于 JavaScript 相关代码的性能分析。它是重 JavaScript 应用程序的理想选择&#xff0c;而 JavaScript 仅用于简单的交互的网页可能没有必要。有一个手动嵌入选项和一个 Chrome 扩展&#xff0c;用于获取内部…

php yii2 获取表里最大的id_Yii2中自带分页类实现分页

1.首先写控制器层先引用pagination类use yiidataPagination;写自己的方法:function actionFenye(){$data Field::find(); //Field为model层,在控制器刚开始use了field这个model,这儿可以直接写Field,开头大小写都可以,为了规范,我写的是大写$pages new Pagination([totalCou…

android 操作系统升级,关于手机操作系统升级的问题

最近身边的好几个朋友问我操作系统方面问题&#xff0c;操作系统就是负责对计算机硬件进行直接控制以及管理的系统软件&#xff0c;它包含的功能也是多方面的&#xff0c;一般包括处理器管理&#xff0c;储存&#xff0c;文件&#xff0c;设备以及作业管理等等。把操作系统的内…

【完成整理】45套很酷的长影影 LOGO 设计

长阴影其实就是扩展了对象的投影&#xff0c;感觉是一种光线照射下的影子&#xff0c;通常采用角度为 45 度的投影&#xff0c;给对象添加了一份立体感。长阴影&#xff08;Long Shadow&#xff09;概念来自于最新非常流行的扁平化设计&#xff08;Flat Design&#xff09;。扁…

android 坐标点计算器,Android实现简易计算器

开之前我还是想问问老师&#xff0c;为什么一定要星期天前交作业呢&#xff1f;由于条件限制&#xff0c;作品是赶出来的不是细细琢磨出来的。所以在这版apk中功能较为简易&#xff0c;有待后期再不断更新与优化总体效果图如下布局activity_main.xml部分代码功能代码MainActivi…

1的恢复出厂设置在哪里_罗斯蒙特变送器怎么恢复出厂设置?

罗斯蒙特变送器怎么恢复出厂设置?特殊情况下&#xff0c;罗斯蒙特变送器需要恢复出厂设置。罗斯蒙特变送器进行出厂设置的方法非常简单&#xff0c;只需要用手操器或AMS设备管理器就能操作。罗斯蒙特手操器里有一个恢复出厂调整值–传感器量程调整命令&#xff0c;使用此命令就…

【技术累积】【点】【java】【25】Orderd

基础概念 Orderd是spring core中定义的一个接口&#xff0c;使用它以及相关的Comparator和Order注解&#xff0c;可以实现对元素的排序。 Order 直接先说下Order注解吧&#xff0c;使用场景较多。 Retention(RetentionPolicy.RUNTIME) Target({ElementType.TYPE, ElementType.M…

Guzzle – 构建 RESTful Web 服务的 PHP HTTP 框架

Guzzle 减轻了发送 HTTP 请求和创建 Web 服务客户端的痛苦。它包含建立一个强大的网络服务客户端的工具&#xff0c;包括&#xff1a;服务描述定义的输入和输出的 API&#xff0c;资源迭代器遍历分页资源&#xff0c;尽可能有效地发送大量的请求。 您可能感兴趣的相关文章特别推…

小米手机升级Android6,小米3能升级miui 6?小米3升级miui v6教程

小米3升级miui v6教程来咯~小编还带来了miui v6下载&#xff0c;MIUI V6系统有了很多的变化&#xff0c;小米3是可以升级miui6系统的哦~如果你不知道步骤的话&#xff0c;就请参考下文吧。第一步、下载工具包和线刷完整包&#xff0c;下载完成后解压(请检查线刷包文件后缀名是否…

第一次java作业

转载于:https://www.cnblogs.com/TuTu-winer/p/10591021.html

推荐25款很棒的 HTML5 前端框架和开发工具【下篇】

快速&#xff0c;安全&#xff0c;响应式&#xff0c;互动和美丽&#xff0c;这些优点吸引更多的 Web 开发人员使用 HTML5。HTML5 有许多新的特性功能&#xff0c;允许开发人员和设计师创建应用程序和网站&#xff0c;带给用户桌面应用程序的速度&#xff0c;性能和体验。 这里…

android18lazuli,The Rise And Fall Of Android 17

Hey guys, Tommy here. Today I’m bringing you another blog talking about Android 17. I’ve had mixed emotions on Android 17’s return in Dragon Ball Super since it originally happened. I feel like now with this whole Android 17‘a return is something I sho…

luogu P1462 通往奥格瑞玛的道路

嘟嘟嘟 这道题的题面相当的迷&#xff0c;我看了半天都没懂。最后看了题解的解释才懂。 他是这么个意思&#xff1a;对于所有能活着走到终点的路径&#xff0c;输出每一条路径中过路费最多的城市的最小值。 那么自然想到二分过路费&#xff0c;然后用dijkstra或spfa判断是否存在…

Maven私服(Nexus)搭建总结

因为工作需要&#xff0c;第一次搭建Maven私服&#xff0c;使用的是目前最流行的Sonatype Nexus。搭建私服并不难&#xff0c;官网有很详细的说明&#xff0c;只需几个步骤即可搭建一个可用的私服&#xff0c;但因为公司系统环境&#xff08;测试&#xff09;的原因还是遇到几个…

Effeckt.css – CSS3 Transitions Animations 精妙应用

CSS3 不仅仅用作界面效果补充&#xff0c;还可以用来替换传统的一些界面实现&#xff0c;而且效果更酷。Effeckt.css 收集了众多精妙的 CSS3 Transitions & Animations 效果应用&#xff0c;例如&#xff1a;弹窗、按钮、导航、列表、页面切换等等。 您可能感兴趣的相关文章…

html如何让字体自动变色,CSS使文字部分变色

思路思路很简单&#xff0c;就是一个字写两遍&#xff0c;一个字只显示部分&#xff0c;不过不能真的把一个字写两遍。这里就需要用到CSS伪元素:before和:after&#xff0c;记住这个“伪元素”的“伪”字&#xff0c;表明它本来是不存在的。我们的方法就是在伪元素里放置相同的…

Codrops 教程:基于 CSS3 的精美模态窗口效果

Codrops 分享了漂亮的模态窗口效果实现方法&#xff0c;希望给前端开发人员提供一些创新显示对话框的启示。这个方案使用了触发按钮&#xff08;或任何的 HTML 元素&#xff09;&#xff0c;在点击的时候出现一个模态窗口&#xff0c;带有简单的过渡&#xff08;或动画&#xf…