input框的内容变化监听

input的两个功能

1.不允许一开始输入空格(即在input框内容为空的时候，输入空格是没有作用的)

2.input框的内容变化监听

这属于比较完美的input的设计了

下面是html代码实现功能1

这里的οninput="setCustomValidity('')很多网站的所谓改变required的提示信息都会漏掉这个，会造成一个相当隐形的bug，就是在第一次提示之后，input输入内容会不断的提示required信息以及有内容的情况下提交表单也会这样提示。

下面是JS的代码，这里引用了JQ

/*input键盘事件显示打叉*/
$('.search_input').bind("input propertychange", function(){
if($('.search_input').val()==''){
$('.icon-search_input').css('display','none');
}else{
$('.icon-search_input').css('display','block');
}
});

转载于:https://www.cnblogs.com/hoewang/p/10257251.html

input框的内容变化监听相关推荐

vue 监听map数组变化_vuex state中的数组变化监听实例
前言首先,因为我有一个需求就是vue组件中有一组多选框,选中多选框的内容,要在另一个组件中进行视图更新,这个就设计的兄弟组件之间的通信了,兄弟组件之前通信我首先选用的vuex这个解决办法. 问题 v ...
Vue2源码解析 Object变化监听
目录 1 什么是变化监听 2 如何跟踪变化 3 何如收集依赖 4 依赖收集在哪 5 依赖是谁 6 什么是Watcher 7 递归侦测所有key 8 关于Object的问题 9 总结 1 ...
spring 文件变化监听_Spring新变化
spring 文件变化监听让我们检查一下Spring社区在前几天发布的一些新版本: Spring Boot 1.0.0.RC1 Spring很高兴地宣布Spring Boot v1.0.0的第一个候 ...
hidden隐藏域值变化监听
hidden隐藏域值变化监听 jQuery.fn.val方法来赋值不会触发change事件,但是可以手动触发. 如:$('#id').val(111).change();
android 实现音量变化监听和静音方法
android 静音实现方法类似语音app实现静音与取消静音 1. 模拟按键模拟静音键 2.调用静音接口取消静音时,音量条UI显示音量进度与进度值 private AudioManager mA ...
Android 电量变化监听
Intent.ACTION_BATTERY_CHANGED This is a sticky broadcast containing the charging state, level, and o ...
layui select下拉框改变之 change 监听事件
在layui中使用 jquery 触发select 的 change事件无效使用layui.use监听select事件 <select lay-filter="demo" ...
4.18、Bootstrap V4自学之路-----内容---滚动监听
为什么80%的码农都做不了架构师?>>> 总体来说,用起来不是特别满意,先放一放吧. 导航条示例滚动监听插件会根据滚动的位置,自动更新导航条的目标.滚动在导航条下面的区域,查 ...
Android手机屏幕变化监听
监听手机屏幕的打开关闭工具类,可直接使用 package com.utils; import android.content.BroadcastReceiver; import android. ...

input框的内容变化监听

input框的内容变化监听相关推荐

最新文章

热门文章