– 更新 – 我已经阅读了很多关于这个主题的尝试了几个脚本,并需要帮助来找出你能做什么或不能做什么.社区回答了所有问题,以下是一个很好的起点. (这里的答案摘自以下社区,谢谢)
>你不能超越警告的默认风格.它由您的客户生产(例如chrome firefox等)
>你可以使用jquery代替.而不是使用如下脚本：
function check_domain_input(){
var domain_val = document.getElementsByName(‘domain’);
if(domain_val [0] .value.length> 0){
返回true;
}
alert(‘请输入要搜索的域名.’);
返回虚假;
}
这使得客户端(firefox chrome等)生成一个警告框.
2B.你告诉代码是否需要在事件加载jquery alertBox上发生一些事情,你可以做得很漂亮:(由Jonathan Payne回答并由Jonathan Payne创建.谢谢你)
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" type="text/css" media="all" />
<div onclick="check_domain_input()">Click</div>
<div id="dialog" title="Attention!" style="display:none">
Please enter a domain name to search for.
</div>
<script>
function check_domain_input()
{
$( "#dialog" ).dialog(); // Shows the new alert Box.
var domain_val = document.getElementsByName('domain');
if (domain_val[0].value.length > 0)
{
return true;
}
$( "#dialog" ).dialog();
return false;
}
</script>
在这里查看jsFiddle：http://jsfiddle.net/8cypx/12/
解决方法
尝试位于此处的jQuery UI：
http://jqueryui.com/demos/dialog/
它们有一个主题滚轮,您可以在其中设置对话框和模态框的样式.
– 编辑 –
回答你的第二个问题.
在这里查看jsFiddle：http://jsfiddle.net/8cypx/12/
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" type="text/css" media="all" />
<div onclick="check_domain_input()">Click</div>
<div id="dialog" title="Attention!" style="display:none">
Please enter a domain name to search for.
</div>
<script>
function check_domain_input()
{
$( "#dialog" ).dialog(); // Shows the new alert Box.
var domain_val = document.getElementsByName('domain');
if (domain_val[0].value.length > 0)
{
return true;
}
$( "#dialog" ).dialog();
return false;
}
</script>
