我想在我的表单中实现 jquery/js,并且我想让输入值动态化。 基本上的想法是,一旦单击,该字段的值就会消失/模糊并且 如果设置的值不相同,jquery 期望用户插入一个值 作为默认值就可以了。但如果用户写入的值是一样的 然后不接受并抛出错误,否则如果用户“输入”的值为空 再次显示默认值。我确信这是有道理的,因为我想我已经在很多网站上看到了这个功能的实现。但我现在是一个 jquery 人所以我不知道 怎么做。我可以在 php 中做同样的事情,但页面刷新是我想避免的。 所以假设我们有:
<input type="text" value="City" />
非常感谢, 博尔尼。
最佳答案
像这样here?
$(document).ready(function() {
$('input[class="foo"]').attr('value', $(this).attr('placeholder')).focus(function() {
if ($(this).val('placeholder')) {
$(this).attr('value', '');
}
}).blur(function() {
if ($(this).val() == '') {
$(this).attr('value', $(this).attr('placeholder'))
}
});
});
编辑:更新了代码并修改了 Christopher Ramírez 提供的建议
关于鼠标悬停时 jquery 输入值发生变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10964811/