javascript - jQuery 中的 "Mimic"占位符属性？

Question

背景

我有几个 jQuery 函数，它们将搜索字段设置为包含“搜索”一词，并在单击该字段时清除/重置它....

// Search Box Placeholder
jQuery('#q').focus(function() {
            if(jQuery(this).val() == 'Search') {
                jQuery(this).val('');       
            }
            else if(jQuery(this).val() == '') {
                jQuery(this).val('Search');
            }
        });
jQuery('#q').blur(function() {
            if(jQuery(this).val() == '') {
                jQuery(this).val('Search');             
            }
        });
jQuery('#q').val('Search');

问题？

唯一的问题是，如果在没有设置替代搜索词的情况下提交搜索表单，我不确定如何清除“搜索”一词。如果内容等于'Search'，有没有办法在表单提交之前检查并清除内容？

Answer 1

如果值为'Search'，您可以阻止提交表单。

$('form').on('submit', function(){
   return $('#q').val() !== 'Search';
});

如果要支持不支持占位符属性的旧版浏览器，也可以使用插件。

https://github.com/parndt/jquery-html5-placeholder-shim