Javascript 模式窗口，而不是警报_Javascript_Jquery

Javascript 模式窗口，而不是警报

javascript jquery

Javascript 模式窗口，而不是警报,javascript,jquery,Javascript,Jquery,我需要修改这个脚本，以便在允许的字符数结束时，用户可以看到一个模式警告窗口，而不是警报窗口，该窗口在N秒后消失。在这种情况下，光标应该冻结在适当的位置，无法进一步键入。提前谢谢你的建议这是我的密码： <!DOCTYPE html> <html lang="en"> <head> <title>Textbox</title> <script type="text/javascript" src="http://ajax.goog

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

这是我的密码：

<!DOCTYPE html>
<html lang="en">
<head>
<title>Textbox</title>
<script type="text/javascript" src="http://ajax.googleapis.com/
ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(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;
});

});
</script>
<style>
#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;
}
</style>
    </head>
    <body>
<div>
<div id="count">145</div>
<div id="barbox"><div id="bar"></div></div>
</div>
<textarea id="contentbox"></textarea>
    </body>
</html>


文本框
$（文档）.ready（函数（）
{
$（“#contentbox”）.keyup（函数（）
{
var-box=$（this.val（）；
var main=box.length*100；
var值=（主/145）；
变量计数=145-框长度；
如果（box.length，您可以使用jQuery库创建模式对话框：

下面是一个使用您的代码的示例：
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
<textarea></textarea>

<div id="dialog-modal" title="Basic modal dialog">
  <p>Stop !</p>
</div>


住手
。}否则{alert（'Stop！'）；$（“#contentbox”）.attr（“disabled”，“true”）；}…
谢谢。这对我真的很有帮助。