jquery.placeholder.js的使用

最近做东西用到placeholder这个属性，可是这个属性在低版本的IE或者QQ浏览器等这些浏览器上这个属性不能生效，后来在网上查了下，发现了jquery的一个插件jquery.placeholder.js。发现挺好用的。。。我在IE6上试了一下可以支持。

1   $(function () {
2            
3             $('input,textarea').placeholder();
4            
5         });

js调用

然后有时候其实他就相当于再不支持placeholder的时候在控件上进去一系列赋值操作如：

<input type="text" value="First Name" οnfοcus="if(value=='First Name') {value=''}" οnblur="if (value=='') {value='First Name'}"/>

当时我们直接这样写的时候首先是麻烦，其次是不便于做必填验证。所以在用placeholder.js的时候可以在submit的时候家这样一段代码

1  $("[placeholder]").each(function () {
2                 var input = $(this);
3                 if (input.val() == input.attr("placeholder")) {
4                     input.val("");
5                 }
6             });

在必填验证前加入

 

转载于:https://www.cnblogs.com/qzzy/p/4386952.html