<%@ Page Language="C#" AutoEventWireup="true" CodeFile="registAdd.aspx.cs" Inherits="registAdd" %> <!DOCTYPE html> <html xmlns=" http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link href="css/bootstrap.min.css" target="_blank" rel="external nofollow" rel="stylesheet" /> <script src="js/bootstrap.min.js"></script> <script src="js/jquery-1.11.1.js"></script> <script src="js/scripts.js"></script> <script src="js/layer/layer.js"></script> <script src="js/ZeroClipboard/ZeroClipboard.js"></script> <style type="text/css"> .txt { border: solid 1px #A3C8F5; vertical-align: middle; width: 240px; height: 26px; line-height: inherit; } .btns { border: solid 1px #3F89D6; vertical-align: middle; width: 75px; height: 24px; line-height: inherit; } .btnCopy { border: solid 1px #3F89D6; vertical-align: middle; width: 75px; height: 24px; line-height: inherit; } </style> <script type="text/javascript"> //驗證文本框 function txtTips(id, msg, guideInt) { layer.tips(msg, $("#" + id), { guide: guideInt, time: 2, style: [' color:#fff', '#FF0000'], maxWidth: 240 }); $("#" + id).focus(); } function formatTips(id, msg) { layer.tips(msg, $("#" + id), { guide: 1, time: 2, style: [' color:#fff', '#FF0000'], maxWidth: 240 }); } //文本框非空驗證的方法 function txtCheck() { var txtOperater = $("#txtOperater"); //操作員姓名 var txtOperatQQ = $("#txtOperatQQ"); //操作員QQ var txtOperatPhone = $("#txtOperatPhone"); //操作員手機 var txtMachineCode = $("#txtMachineCode"); //機器碼 var txtRegMachineDecr = $("#txtRegMachineDecr"); //注冊電腦描述 var txtOtherExplan = $("#txtOtherExplan"); //其它說明 if (txtOperater.val() == "") { txtTips("txtOperater", "請填寫操作員姓名", 1); return false; } if (txtOperatQQ.val() == "") { txtTips("txtOperatQQ", "請填寫操作員QQ", 1); return false; } var regQQ = /[1-9][0-9]{4,9}/; if (!regQQ.test(txtOperatQQ.val())) { txtTips("txtOperatQQ", "請填寫正确的QQ号", 1); return false; } if (txtOperatPhone.val() == "") { txtTips("txtOperatPhone", "請填寫操作員手機", 1); return false; } var regPhone = /1[3-8]+\d{9}/; if (!regPhone.test(txtOperatPhone.val())) { txtTips("txtOperatPhone", "請填寫正确的手機号碼", 1); return false; } if (txtMachineCode.val() == "") { txtTips("txtMachineCode", "請填寫機器碼", 1); return false; } if (txtRegMachineDecr.val() == "") { txtTips("txtRegMachineDecr", "請填寫注冊電腦描述", 1); return false; } if (txtOtherExplan.val() == "") { txtTips("txtOtherExplan", "請填寫其它說明", 1); return false; } } //驗證參數名稱輸入 function EnterVerifi(obj) { var valTmp = $(obj); var veriStr = /^[a-zA-Z]*$/g; if (!veriStr.test(valTmp.val())) { //valTmp.val(""); valTmp.focus(); inputTips(valTmp, "參數名稱最好全是字母"); } } //添加成功後，選擇操作 function CpoySuccessFn() { $.layer({ shade: [0], area: ['auto', 'auto'], dialog: { msg: '複制成功，是否留在頁？', btns: 2, type: 4, btn: ['好的', '不了'], yes: function () { window.location.reload(); }, no: function () { window.location.href = "registList.aspx"; } } }); } function copyRegCode() { clip.setText($("#txtRegistCode").val()); //設定需要複制的代碼 } function CopyInit() { clip = new ZeroClipboard.Client(); //初始化對象 ZeroClipboard.setMoviePath("js/ZeroClipboard/ZeroClipboard.swf"); //設定flash clip.setHandCursor(true); //設定手型 clip.addEventListener('mouseDown', function (client) { //建立監聽 copyRegCode(); }); clip.addEventListener('mouseUp', function (client) { CpoySuccessFn(); }); clip.glue('btnCopyRegCode'); //将flash覆寫至指定ID的DOM上 } $(function () { //layer.tips('填寫完整資訊後，請點我處理注冊。', $("#btnRegist"), { // style: [' color:#fff', '#78BA32'], // maxWidth: 140, // guide: 2, // time: 1000, // closeBtn: [0, true] //}); //layer.msg('你已成功複制注冊碼到剪切闆.', 3, { // rate: 'top', // type: -1, // shade: false //}); //驗證操作員QQ格式 $("#txtOperatQQ").blur(function () { var regQQ = /[1-9][0-9]{4,}/; if (!regQQ.test($(this).val())) { formatTips("txtOperatQQ", "請填寫正确的QQ号", 1); return false; } }); //操作員手機 $("#txtOperatPhone").blur(function () { var regPhone = /1[3-8]+\d{9}/; if (!regPhone.test($(this).val())) { formatTips("txtOperatPhone", "請填寫正确的手機号碼", 1); return false; } }); var addSuccess = $("#HidAddSuccess").val(); if (addSuccess == "1") { CopyInit(); layer.tips('注冊成功，點我！點我！！', $("#btnCopyRegCode"), { style: [' color:#fff', '#FF0000'], maxWidth: 200, guide: 0, time: 1000, closeBtn: [0, true] }); } }); </script> </head> <body> <form id="form1" runat="server"> <asp:HiddenField ID="HidAddSuccess" Value="0" runat="server" /> <div class="container"> <div class="row clearfix"> <div class="col-md-12 column"> <div class="row clearfix"> <nav class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <%-- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle1</span> <span class="icon-bar">Toggle2</span> <span class="icon-bar">Toggle3</span> <span class="icon-bar">Toggle4</span> </button>--%> <a class="navbar-brand" href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" ><strong>注冊業務資訊處理頁面</strong></a> </div> </nav> </div> <div class="row clearfix"> <div class="list-group" contenteditable="false"> <a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" class="list-group-item active"><strong>注冊業務資訊添加</strong></a> <div class="list-group-item"> <%-- <h4 class="list-group-item-heading"><strong>接口功能說明：</strong></h4> <h4 class="list-group-item-heading"><strong> <asp:TextBox ID="txtIDescription" Width="89%" Height="50" TextMode="MultiLine" runat="server"></asp:TextBox></strong></h4>--%> <div class="list-group-item-text"> <%-- <blockquote contenteditable="false" class="clearfix" style="margin-bottom: 0px;"> <p> <strong>接口位址：</strong> </p> <p> <asp:TextBox ID="txtIURLAddress" Width="90%" TextMode="MultiLine" Height="80" runat="server"></asp:TextBox> </p> <small>參數說明：</small> </blockquote>--%> <table class="table clearfix" contenteditable="false"> <thead> <tr> <th width="20%"></th> <th width="80%"></th> </tr> </thead> <tr class="active"> <td style="text-align: right; vertical-align: middle;"> <b>注冊軟體類型：</b> </td> <td style="text-align: left; vertical-align: middle;"> <asp:DropDownList ID="ddlSoftType" CssClass="txt" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlSoftType_SelectedIndexChanged"></asp:DropDownList> </td> </tr> <tr class="warning"> <td style="text-align: right; vertical-align: middle;"> <b>選擇或添加操作人員：</b> </td> <td style="text-align: left; vertical-align: middle;"> <asp:DropDownList ID="ddlOperater" CssClass="txt" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlOperater_SelectedIndexChanged"></asp:DropDownList> </td> </tr> <tr class="active"> <td style="text-align: right; vertical-align: middle;"> <b>操作員姓名：</b> </td> <td style="text-align: left; vertical-align: middle;"> <asp:TextBox ID="txtOperater" CssClass="txt" runat="server"></asp:TextBox> </td> </tr> <tr class="warning"> <td style="text-align: right; vertical-align: middle;"> <b>操作員QQ：</b> </td> <td style="text-align: left; vertical-align: middle;"> <asp:TextBox ID="txtOperatQQ" CssClass="txt" runat="server" MaxLength="10"></asp:TextBox> </td> </tr> <tr class="active"> <td style="text-align: right; vertical-align: middle;"> <b>操作員手機：</b> </td> <td style="text-align: left; vertical-align: middle;"> <asp:TextBox ID="txtOperatPhone" CssClass="txt" runat="server" MaxLength="11"></asp:TextBox> </td> </tr> <tr class="warning"> <td style="text-align: right; vertical-align: middle;"> <b>注冊天數：</b> </td> <td style="text-align: left; vertical-align: middle;"> <asp:DropDownList ID="ddlRegistDay" CssClass="txt" runat="server"> <asp:ListItem Text="30" Value="30" Selected="True"></asp:ListItem> <asp:ListItem Text="60" Value="60"></asp:ListItem> <asp:ListItem Text="90" Value="90"></asp:ListItem> <asp:ListItem Text="90" Value="180"></asp:ListItem> <asp:ListItem Text="365" Value="365"></asp:ListItem> </asp:DropDownList> </td> </tr> <tr class="active"> <td style="text-align: right; vertical-align: middle;"> <b>機器碼：</b> </td> <td style="text-align: left; vertical-align: middle;"> <asp:TextBox ID="txtMachineCode" CssClass="txt" runat="server"></asp:TextBox> </td> </tr> <tr class="warning"> <td style="text-align: right; vertical-align: middle;"> <b>注冊電腦描述：</b> </td> <td style="text-align: left; vertical-align: middle;"> <asp:TextBox ID="txtRegMachineDecr" TextMode="MultiLine" CssClass="txt" Height="60px" runat="server"></asp:TextBox> </td> </tr> <tr class="active"> <td style="text-align: right; vertical-align: middle;"> <b>其它說明：</b> </td> <td style="text-align: left; vertical-align: middle;"> <asp:TextBox ID="txtOtherExplan" TextMode="MultiLine" CssClass="txt" Height="50px" runat="server"></asp:TextBox> </td> </tr> <tr class="error"> <td style="text-align: right; vertical-align: middle;"></td> <td style="text-align: left; vertical-align: middle;"> <asp:Button ID="btnRegist" CssClass="btns" runat="server" Text="處理注冊" OnClientClick="return txtCheck();" OnClick="btnRegist_Click" /> <asp:Button ID="btnCancel" CssClass="btns" runat="server" Text="清空内容" OnClick="btnCancel_Click" /> </td> </tr> <tr id="registerTR" runat="server" visible="false" style=""> <td style="text-align: right; vertical-align: middle;"> <strong>注冊碼：</strong> </td> <td style="text-align: left; vertical-align: middle;"> <asp:TextBox ID="txtRegistCode" CssClass="txt" runat="server"></asp:TextBox> <input id="btnCopyRegCode" type="button" οnclick="copyRegCode()" class="btnCopy" value="複制注冊碼" /> </td> </tr> </table> <div class="panel-group" id="panel-704185"> <div class="panel panel-default"> <div class="panel-heading"> <a class="panel-title" data-toggle="collapse" data-parent="#panel-704185" href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" contenteditable="false"> <strong>頁面操作</strong> </a> </div> <div id="panel-element-1" class="panel-collapse in" style="height: auto;"> <div class="panel-body" contenteditable="false" style="text-align: right"> <asp:Button ID="btnPostToList" CssClass="btns" Width="120px" runat="server" Text="傳回清單頁面" /> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </form> </body> </html>
轉載于:https://www.cnblogs.com/zaiiiPan/p/4028459.html
![JavaScript自學筆記【4】函數的聲明與調用目錄二、函數的聲明 三、函數的調用[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)