jQuery在输入字段单击时显示提交按钮

Question

我试图有一个评论输入字段，当您单击输入字段时，它将在动态创建的表单上显示提交按钮。 类似于 facebook cmets 的工作方式。当您单击输入字段时，会出现提交按钮，当您单击关闭时，它会消失。 所有评论输入 id 均为 comment_1 等，提交按钮 id 为 submit_1 等。

我试过了，

jQuery("#[id^='comment_']").live('click',function(event){ 
    if(jQuery("#[id^='comment_']").val() == ""){ 
        jQuery("#[id^='submit_']").hide(); 
    } 
    else { 
        jQuery("#[id^='submit_']").show(); 
    } 
}); 

由于某种原因，这行不通。任何建议或如何完成都会很棒。

Answer 1

您需要从选择器中删除 #。另外我认为你不想要click 事件，而是focus 和blur。

Answer 2

jQuery("[id^='comment_']").live('focusin focusout',function(e){
    var commentText = "Write a comment...",
        id = this.id.replace('comment_',''),
        val = jQuery(this).val();   
    if (e.type == 'focusin'){
        val = (val == commentText) ? '' : val; 
        jQuery("#submit_"+id).show();
    } else if (e.type == 'focusout') {
        val = (val == '') ? commentText : val; 
        if( val == commentText){ 
            jQuery("#submit_"+id).hide(); 
        }
    }
    jQuery(this).val(val);
}).trigger('focusout');