javascript - 如何在 MVC 中使用 jQuery 在文本框旁边显示文本

Question

我正在使用弹出窗口输入“主题”字段的值，该字段是强制性的，那么如何在不使用验证和仅使用简单 jQuery 的情况下在“主题”字段旁边显示文本，即“请输入主题”。下面的代码正在运行，但如果我想为某个任务添加另一个主题，那么弹出窗口上会显示文本“请输入主题”。那么如何去除它。

if ($("#subject").val().length > 0)
{
      $.ajax({
                    url: '/Task/QuickSave',
                    type: 'post',
                    dataType: 'json',
                    data: $('form#quickSaveTask').serialize(),
                    success: function (data) {
                        alert('data');
                    }
                });
                $('#Subject').val('');
                $('#lean_overlay').fadeOut();
                $('#Add').hide();
                if (refreshTaskGrid != '') refreshTaskGrid();
                return false;
}
else
{
          var msg = $('#subject-message');
            if (msg.length == 0) {
                msg = $('<div id="subject-message"></div>')
                $('#subject').after(msg);
            }
            $("#subject").focus();
            msg.html('Please enter the Subject !');   
            return false;
}
msg.html('');

Answer 1

可能是下面的代码会有所帮助

$('text-box').change(function(){
    var textEntered=$(this).val();

    if(textEntered.length>0){
        //construct logic to show message 
        if($('#msg-container').size()==0)
        {
             $('<div id="msg-container">Please enter message</div>').css('float','left').appendTo($(this));
        }
    }
    else
    {
        //remove the message div
        $('#msg-container').remove();
    }
});