1. 程式人生 > >input placeholder 兼容問題

input placeholder 兼容問題

提交 需要 || 設置 焦點 cnblogs this focus addclass

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 兼容問題