<!-- $Id: group_buy_info.htm 14216 2015-02-10 02:27:21Z derek $ -->
{include file
="pageheader.htm"} {insert_scripts files
="../js/utils.js"}
<script
type="
text/javascript" src
="../js/jquery-1.6.2.min.js"></script>
<script
type="
text/javascript" src
="../js/calendar.php?lang
={$cfg_lang}"></script>
<link href
="../js/calendar/calendar.
css" rel
="
stylesheet"
type="
text/
css" />
<script
type="
text/javascript" src
="./js/validate/jquery.validate.js"></script>
<script
type="
text/javascript" src
="./js/validate/messages_zh.js"></script>
<script
type="
text/javascript" src
="./js/validator.js"></script>
<
style type="
text/
css">
label.error {
color: red;
background: url(./images/warning_small.gif) no-repeat;
padding-left: 18px;
}
label.success {
background: url(./images/yes.gif) no-repeat;
padding-left: 18px;
}
#btn_visit{
background: #24a0d6 none repeat scroll 0 0;
border: medium none;
color: #fff;
cursor: pointer;
margin: 2px;
padding: 7px 15px;
}
</
style>
<form id
="form1" method
="post" action
="chat_settings.php" name
="theForm">
<input
type="hidden" id
="act" name
="act" value
="post">
<div class
="main-div">
<table id
="group-table" cellspacing
="1" cellpadding
="
3" width
="100%">
<tr>
<td class
="label">{$lang.label_chat_server_ip}</td>
<td>
<input
type="
text" id
="chat_server_ip" name
="chat_server_ip" value
="{$chat.chat_server_ip}" class
="required" />
</td>
</tr>
<tr>
<td class
="label">{$lang.label_chat_server_port}</td>
<td>
<input
type="
text" id
="chat_server_port" name
="chat_server_port" value
="{$chat.chat_server_port}" class
="required" />
</td>
</tr>
<tr>
<td class
="label">{$lang.label_chat_http_bind_port}</td>
<td>
<input
type="
text" id
="chat_http_bind_port" name
="chat_http_bind_port" value
="{$chat.chat_http_bind_port}" class
="required" />
</td>
</tr>
<tr>
<td class
="label">{$lang.label_chat_server_admin_username}</td>
<td>
<input
type="
text" id
="chat_server_admin_username" name
="chat_server_admin_username" value
="{$chat.chat_server_admin_username}" class
="required" />
</td>
</tr>
<tr>
<td class
="label">{$lang.label_chat_server_admin_password}</td>
<td>
<input
type="password" id
="chat_server_admin_password" name
="chat_server_admin_password" value
="" class
="{if $password_empty
== 1 } required {/if}" />
<!-- {if $password_empty
== 0} -->
<div
style="margin-left: 5px;">留空则不更新</div>
<!-- {/if} -->
</td>
</tr>
<tr>
<td class
="label">{$lang.label_chat_server_admin_repassword}</td>
<td>
<input
type="password" id
="chat_server_admin_repassword" name
="chat_server_admin_repassword" value
="{$chat.chat_server_admin_repassword}" class
="" />
</td>
</tr>
<!--
<tr>
<td class
="label">{$lang.label_chat_server_timout}</td>
<td>
<input
type="
text" id
="chat_server_timout" name
="chat_server_timout" value
="{$chat.chat_server_timout}" class
="required" />
</td>
</tr>
-->
<tr>
<td class
="label"> </td>
<td>
<input name
="act_id"
type="hidden" id
="act_id" value
="{$customer.act_id}">
<input
type="button" id
="btn_submit" name
="btn_submit" value
="{$lang.button_submit}" class
="button" />
<a id
="btn_visit" href
="javascript:;" target
="_blank"
style="margin-left: 10px;">{$lang.visit_openfire}</a>
</td>
</tr>
</table>
</div>
</form>
<script language
="JavaScript">{literal}
$().ready(function(){
$.validator.addMethod("ip", function(value, element) {
var ip
= /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){
3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
return this.optional(element) || (ip.test(value) && (RegExp.$1 < 256 && RegExp.$2 < 256 && RegExp.$
3 < 256 && RegExp.$4 < 256));
}, "Ip地址格式错误");
var validator
= $("#form1").validate({
debug: false,
rules: {
chat_server_ip: {
required: true,
ip: true
},
chat_server_port: {
required: true,
range: [0, 655
35]
},
chat_http_bind_port: {
required: true,
range: [0, 655
35]
},
chat_server_admin_repassword: {
equalTo: "#chat_server_admin_password"
}
},
messages: {
chat_server_ip: {
required: "IP地址不能为空",
ip: "IP地址格式不正确"
},
chat_server_port: {
required: "端口号不能为空",
range: "请输入 0 至 655
35 之间的有效的端口号"
},
chat_http_bind_port: {
required: "HTTP-BIND端口号不能为空",
range: "请输入 0 至 655
35 之间的有效的端口号"
},
chat_server_admin_username: {
required: "聊天服务器管理员登录账户不能为空"
},
chat_server_admin_password: {
required: "聊天服务器管理员登录密码不能为空"
},
chat_server_admin_repassword: {
required: "确认密码不能为空",
equalTo: "两次输入的密码不一样，请重新输入"
}
},
errorPlacement: function(error, element) {
error.appendTo(element.parent());
}
});
$("#btn_submit").click(function(){
if(!validator.form()){
return false;
}
$("#form1").submit();
return false;
});
$("#btn_visit").click(function(){
var ip
= $("#chat_server_ip").val();
var port
= $("#chat_server_port").val();
$(this).attr("href", "http://"+ip+":"+port+"/");
});
});
//-->
{/literal}
</script>
{include file
="pagefooter.htm"}
本文介绍了在HTML中应用CSS样式的三种常见方法：内部引用，通过style标签在HTML头部定义样式；外部引用，利用link标签链接外部CSS文件；以及内联引用，直接在HTML元素中定义CSS样式。每种方法的特点和适用场景都有所不同，内部引用方便管理，外部引用保持页面结构清晰，内联引用则适用于特定样式需求。
扫一扫
3443
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
