easyUI 使用验证控件

最新推荐文章于 2018-06-25 14:43:50 发布

永远爱好写程序

最新推荐文章于 2018-06-25 14:43:50 发布

阅读量2k

点赞数

分类专栏： Asp.Net_项目开发技巧

本文链接：https://blog.csdn.net/limlimlim/article/details/10303699

版权

Asp.Net_项目开发技巧专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<%@ 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 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>

永远爱好写程序

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
easyUI 使用验证控件

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> --%> #tblLogin { margin:
复制链接

扫一扫