<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="使用验证控件.aspx.cs" Inherits="MyStartEasyUi.使用验证控件" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<title></title>
<%-- <script src="jquery-easyui-1.3.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>--%>
<script src="jquery-easyui-1.3.4/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="jquery-easyui-1.3.4/jquery.easyui.min.js" type="text/javascript"></script>
<script src="jquery-easyui-1.3.4/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
<link href="jquery-easyui-1.3.4/themes/icon.css" rel="stylesheet" type="text/css" />
<link href="jquery-easyui-1.3.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#tblLogin
{
margin: 25px auto;
}
#tblLogin input
{
width: 200px;
}
#tblLogin th
{
text-align: right;
}
#tblLogin th, #tblLogin td
{
padding: 6px;
}
</style>
<script type="text/javascript">
var loginAndRegDialog;
$(function () {
loginAndRegDialog = $('#LoginAndRegDialog').dialog({
closable: false, //取消关闭按钮
modal: true, //使用遮盖
buttons: [{
text: "登录", iconCls: "icon-ok", handler: function () {
if ($("#form1").form('validate')) { //表单form验证通过才执行相应代码,调用validate方法
loginAndRegDialog.dialog('close');
$.messager.show({ showType: 'slide', title: '提示', msg: '你按下了登录' })
}
}
},
{ text: "取消", iconCls: "icon-cancel", handler: function () {
$.messager.alert('提示', '你按下了取消');
}
}]
});
})
</script>
</head>
<body>
<div id="LoginAndRegDialog" title="用户登录" style="width: 400px; height: 200px;">
<!--form必须放在LoginAndRegDialog里面,因为LoginAndRegDialog是个easyui对话框对象,如果放在外面验证会有问题-->
<form id="form1" runat="server">
<table id="tblLogin">
<tr>
<th>
用户名:
</th>
<td>
<input type="text" class="easyui-validatebox" required="true" missingmessage="用户名为必填项"
name="txtUserName" />
</td>
</tr>
<tr>
<th>
密码:
</th>
<td>
<input type="password" class="easyui-validatebox" required="true" missingmessage="密码为必填项"
name="txtPassword" />
</td>
</tr>
</table>
</form>
</div>
</body>
</html>