行业应用

开发平台：
JavaScript

admin_res_cla_add.aspx：源码内容
							﻿<%@ page language="C#" autoeventwireup="true" inherits="Admin_admin_res_yea_add, App_Web_p9n__skl" enableeventvalidation="false" %>
<!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">
    <title>学生系统后台管理</title>
    <script src="inc/admin.js" type="text/javascript"></script>
    <script src="inc/showpage.js" type="text/javascript"></script>
    <script src="../Admin/js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="js/hanshu.js" type="text/javascript"></script>
    <script src="../Admin/js/jquery.validate.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        function changeCol(bb) {
            var data;
            $.get("../Admin/handler/GetProByCol.ashx", { colid: bb.value }, GetColBind);
        }
        function abc() {
     
        
        }
    </script>
    <link href="images/css.css" type="text/css" rel="stylesheet" />
    <link href="images/admin_file_css.css" type="text/css" rel="stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
        &nbsp;<h1>
            班级信息添加</h1>
        <h4>
            <b>相关操作：</b> <a target="mainFrame" href="admin_res_cla_add.aspx">添加新班级</a> | <a target="mainFrame" href="admin_res_cla.aspx">
                班级列表管理</a>
        </h4>
        
        <div style="height: 3px; width: 100%; background: #fff;">
            
        </div>
        <table width="100%" cellspacing="1" cellpadding="0" class="info_tab">
            <tr>
                <td class="zq" width="20%" style="height: 25px">
                    所在年届
                </td>
                <td style="height: 25px">
                    &nbsp;
                    <asp:DropDownList ID="ddllj" runat="server">
                    </asp:DropDownList>
                    &nbsp;<span id="Span1">*</span><br>
                </td>
            </tr>
            <tr>
                <td class="zq" width="20%" style="height: 25px">
                    所在系所
                </td>
                <td style="height: 25px">
                    &nbsp;
                    <asp:DropDownList ID="ddlCol" onchange="changeCol(this)" runat="server">
                    </asp:DropDownList>
                    &nbsp;<span id="Col_id_txt">*</span><br>
                </td>
            </tr>
            <tr>
                <td class="zq" width="20%" style="height: 25px">
                    所在专业
                </td>
                <td style="height: 25px">
                    &nbsp;<asp:HiddenField ID="hfddlPro_id" runat="server" />
                    <select runat="Server" name="ddlPro_id" id="ddlPro_id">
                        <option value="">请选择</option>
                    </select>
                    &nbsp;<span id="Span2">*</span><br>
                    
                </td>
            </tr>
            <tr>
                <td class="zq" width="20%">
                    班级:
                </td>
                <td>
                    &nbsp;
                    <asp:TextBox ID="txtCla" runat="server"></asp:TextBox>
                    &nbsp;<span id="Span3"></span><br>
                </td>
            </tr>
            <tr>
                <td class="zq" width="20%">
                    备注
                </td>
                <td>
                    &nbsp;<textarea id="txtCon" runat="Server" name="con" />
                    &nbsp;<span id="con_txt"></span><br>
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;
                </td>
                <td>
                    &nbsp;<input id="Submit1" runat="Server" type="submit" name="send" value=" 确 认 "
                        onserverclick="Submit1_ServerClick1">
                </td>
            </tr>
        </table>
        <h1>
            &nbsp;</h1>
    </form>
    <!-- 验证 -->
    <script type="text/javascript">
        $(function() {
        
$("#form1").validate({// #formId为需要进行验证的表单ID
  errorElement :"div",// 使用"div"标签标记错误， 默认:"label"
  wrapper:"li",// 使用"li"标签再把上边的errorELement包起来
  errorClass :"validate-error",// 错误提示的css类名"error
  focusCleanup:false,// 当未通过验证的元素获得焦点时,并移除错误提示
      rules: {
                    ddlLj_id: {// 需要进行验证的输入框name
                        required: true// 验证条件：必填
                    },
                    ddlCol_id: {// 需要进行验证的输入框name
                        required: true
                    },
                    ddlPro_id: {// 需要进行验证的输入框name
                        required: true
                    },
                     ddlPro_id: {// 需要进行验证的输入框name
                        required: true
                    }
                },
                messages: {
                    ddlLj_id: {
                        required: "请选择一个年届!"// 验证未通过的消息
                    },
                    ddlCol_id: {
                        required: "请选择一个系所!"
                    },
                    ddlPro_id: {
                        required: "请选择一个专业"
                    },
                       ddlClaid: {
                        required: "请选择一个班级"
                    }
                }
});
    
        });
    </script>
</body>
</html>

						