码迷,mamicode.com
首页 > 其他好文 > 详细

input placeholder 兼容问题

时间:2017-09-14 10:24:23      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:jquery   att   修改   pre   通过   ie9   html   兼容问题   ons   

placeholder是html5出的新特性,ie9以下是不兼容的,

那么为了兼容ie9  我们需要对他做处理

//jq的处理方式
$(function(){ jQuery(‘[placeholder]‘).focus(function() { var input = jQuery(this); if (input.val() == input.attr(‘placeholder‘)) { input.val(‘‘); input.removeClass(‘placeholder‘); } }).blur(function() { var input = jQuery(this); if (input.val() == ‘‘ || input.val() == input.attr(‘placeholder‘)) { input.addClass(‘placeholder‘); input.val(input.attr(‘placeholder‘)); } }).blur().parents(‘form‘).submit(function() { jQuery(this).find(‘[placeholder]‘).each(function() { var input = jQuery(this); if (input.val() == input.attr(‘placeholder‘)) { input.val(‘‘); } }) }); console.log($(‘input‘)) })

这是jq的处理方式是把 input的 val 值设置和placeholder的值一样,然后通过获取焦点,失去焦点来判断val的值,最重要的是表单提交的时候,必须把val值判断一遍,如果val值还和placeholder的值一样,证明没修改过,提交前必须把val值置空。

input placeholder 兼容问题

标签:jquery   att   修改   pre   通过   ie9   html   兼容问题   ons   

原文地址:http://www.cnblogs.com/whkl-m/p/7518886.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!