井井客

搜索

验证输入框中的值是否为初始值

简单好用的一段jq验证输入框代码,可以通过判断输入框的value值给用户一种良好的表单体验效果。

验证输入框中的值是否为初始值

代码算不得原创,感觉这是大部分人都会的JQ代码~具体代码如下:

$('.checkName').focus(function(){
	if($(this).val() == '请输入您的姓名') $(this).val('');
}).blur(function(){
	if($(this).val() == '') $(this).val('请输入您的姓名');
});

这段JQ大致意思即是:当含有checkName类的元素
获取焦点时,判断它的值是否为初始值"请输入您的姓名",如果是的话则清空,方便用户输入。
失去焦点时,则判断当前元素的值是否为空,如果为空的话则还原为初始值。

功能虽然小,但是用户体验比较好。

还有一种省懒的方法就是将JS直接写在input元素中,但是个人还是推荐用这种JQ写在JS文件中比较好。 之前也有过用JS点击换input背景图的方法,跟这JQ代码意思也是差不多的~
查看链接:http://www.jingjingke.com/c/2712.html 查看链接:http://www.jingjingke.com/c/0195.html

文章TAG:jq

作者:井井客整理来源:原创
本文标题:验证输入框中的值是否为初始值
本文链接:/c/1082.html

上一篇:JS获取CSS外部样式地址
下一篇:JQ日期倒计时距离还有多少天

文章分类

相关阅读

随便看看