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

时间:2012-09-12 10:33:03

标签: javascript jquery ajax

我正在使用弹出窗口输入“主题”字段的值,此字段是必填字段,那么如何在不使用验证和仅使用简单的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('');

1 个答案:

答案 0 :(得分:0)

可能是以下代码将有所帮助

$('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();
    }
});