归纳一下input中span提示以及input中onchange事件

一、当input中不含有onclick事件的时候

定义一个class为tip1的span:

<td><input  type=text name=‘POSTNAME‘ nameVal=‘POSTCODE‘  required=‘required‘ onchange=‘showtips()‘>

  <span class=‘tip1‘></span>

</td>

js中加载提示内容:这个提示只限于postname为空的时候

  if($(this).find(‘input[name="POSTNAME"]‘).val() == ""){
    tip1.html(‘<font color="red">岗位不能为空!</font>‘);
  }

效果:

那么问题来了,我们怎么在填入信息的同时这个tip就隐藏了呢:

看下边函数:

  function showtip(){
    if($(this).find(‘input[name="POSTNAME"]‘).val() != ""){
      $(".tip1").hide();
    }
  }

这样就ok了,效果

二、由于个人尝试,发现onclick事件与onchange并不能共存,也就是说input中含有onclick的时候,input的监听onchange不起作用,比如:

<td><input onclick=‘openfunction()‘  type=text name=‘POSTNAME‘ nameVal=‘POSTCODE‘  required=‘required‘ onchange=‘showtips()‘>

  <span class=‘tip1‘></span>

</td>

那么这个时候我们就不必要在input中加入 onchange=‘showtips()‘事件了,我的操作是吧showtips()中的代码写到了onclick的方法中,完美解决!

时间: 2024-10-12 08:02:33

归纳一下input中span提示以及input中onchange事件的相关文章

DataList:HTML5中的input输入框自动提示宝器

DataList的作用是在你往input输入框里输入信息时,根据你敲进去的字母,自动显示一个提示下列列表,很像百度或谷歌的搜索框的自动提示,在飞机票火车票的搜索页面上也有这样的效果.它是HTML5里新增的一个非常有用的元素. DataList的表现很像是一个Select下拉列表,但它只是提示作用,并不限制用户在input输入框里输入什么. HTML5 Datalist的语法其实跟select下拉列表的语法几乎完全一样,非常的简单! <label for="country_name"

input中的内容改变时触发的事件

onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发: onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件是IE专有. oninput事件是IE之外的大多数浏览器支持的事件,在value改变时实时触发,但是通过js改变value时不会触发:基本写原生常用的是oninput. oninput与onpropertychange失效的情况: oninput事件: 1.当脚本中改变value时,不会触发: 2.从浏览器的自

HTML5 Placeholder实现input背景文字提示效果

这篇文章我们来看看什么是input输入框背景文字提示效果,如下图所示: 这种效果现在网上非常的普遍流行,但大部分是使用JavaScript实现的.但HTML5给我们提供了新的纯HTML的实现方式,不需要任何的JavaScript,只需要在你的input文本框的标记上添加HTML5规范里新增的placeholder属性,然后在属性值里输入你需要的提示信息. 语法基本是这个样子:<input placeholder=”提示信息...”> HTML代码 <form> <input

wordpress提示No input file specified的解决办法

最近wordpress搬家到了win上面,发现打开网站提示"No input file specified.".度娘一下,各种回复更改php.ini文件的,但是各种折腾发现都没有效果.苦苦钻研,咳咳......终于发现是PHP版本的问题,重新切换到低版本的就解决了,哎. 本文地址:https://www.lisen.me/237.html版权声明:本文为原创文章,版权归 李森的博客 所有,欢迎分享本文,转载请保留出处!

Python中input和raw_input在命令行中读入文件地址的区别

如果直接在命令行中利用input和raw_input读入一个文件来处理,并且想要采用直接将文件拖入命令行来处理的方式, input方法可以直接处理,而如果要采用raw_input的方法的话,读入文件地址会带有引号,还需要自己手动去掉引号才能处理文件. 在ipython中测试一下代码:(读入一个图片文件的地址字符串) a = input("input a:\n") print "the input method: ",a b = raw_input("inp

Dreamhost 提示No input file specified. 的解决办法

如果开启FastCGI模式,.htaccess无法生效,一直提示no input file specified. 因为在Fastcgi模式下,php不支持rewrite的目标网址的PATH_INFO的解析 ThinkPHP运行在URL_MODEL=2时,会出现 No input file specified.的情况, 这时可以修改网站目录的.htaccess文件:(by default7#zbphp.com) RewriteRule ^(.*)$ index.php/$1 [QSA,PT,L]

25.Unity3D手机中Input类touch详解-Unity触屏事件解析到底(Twisted Fate)

首先贴一下Unity支持的模型文件类型,以前没有收集过. Unity支持两种类型的3D文件格式: 1.  通用的"出口型"3D文件 如.fbx..dae..3ds..dxf..obj等文件格式. 2.  3D软件专用的3D文件格式 如Max, Maya, Blender,Cinema4D, Modo, Lightwave & Cheetah3D 等软件所支持的格式,如.MAX, .MB, .MA等等. Unity3D手机中Input类touch详解: 1.Input.touch

Dreamhost 提示No input file specified. 的解决的方法

假设开启FastCGI模式,.htaccess无法生效,一直提示no input file specified. 由于在Fastcgi模式下.php不支持rewrite的目标网址的PATH_INFO的解析 ThinkPHP执行在URL_MODEL=2时.会出现 No input file specified.的情况, 这时能够改动站点文件夹的.htaccess文件:(by default7#zbphp.com) RewriteRule ^(.*)$ index.php/$1 [QSA,PT,L]

input.c中的resume会补发一个释放事件

问题描述和分析: 在手机休眠状态下通过按键唤醒手机的过程中getevent获取到的event事件信息和正常状态下信息不一致,导致某应用程序出现异常. 正常状态下按下power key的log信息和其对应的event事件: [   45.663482] c0 [SPRD_EIC_KEYS_INFO] Pressed!  Key:Power Key ScanCode:116 value:1 0001 0074 00000001 0000 0000 00000000 正常状态下释放power key的