模态窗口改为警告

我需要修改这个脚本，以便在允许的字符数结束时，而不是警告用户可以看到模态警告窗口，它在N秒后消失。 在这种情况下，光标应该冻结到位并且无法进一步输入。 提前感谢您的建议。

这是我的代码：

      $(document).ready(function() { $("#contentbox").keyup(function() { var box=$(this).val(); var main = box.length *100; var value= (main / 145); var count= 145 - box.length; if(box.length <= 145) { $('#count').html(count); $('#bar').animate( { "width": value+'%', }, 1); } else { alert(' Stop! '); } return false; }); });   #barbox { float:right!; height:14px; background-color:#FFFFFF; width:100px; border:solid 2px #000; margin-right:3px; margin-bottom:10px; overflow: inherit; } #bar { background-color:#ff0000; width:0px; height:14px; } #count { float:right; margin-right:8px; font-family:'Georgia', Times New Roman, Times, serif; font-size:16px; font-weight:bold; color:#333; } #contentbox { width:450px; height:50px; border:solid 2px #006699; font-family:Arial, Helvetica, sans-serif; font-size:14px; }    
 
145
 
 
    

Answer 1

您可以使用jQuery库来创建模式对话框： http ： //jqueryui.com/demos/dialog/#modal

以下是使用代码的示例： http ： //jsfiddle.net/ZZsTS/

JS

 $( "#dialog-modal" ).dialog({ height: 140, modal: true, autoOpen: false, //set a timeout of 3 secs to close it again, when opened open: function(event, ui) { setTimeout("$('#dialog-modal').dialog('close')", 3000); }, //when closing, make the textarea readonly close : function(){ $('textarea').attr('readonly', 'readonly'); } }); 

打开对话框

 $('#dialog-modal').dialog('open'); 

HTML

  
 
Stop !