ClipboardData实现复制内容到剪贴板，兼容各种浏览器

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="registAdd.aspx.cs" Inherits="registAdd" %>

<!DOCTYPE html>

.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>

//验证文本框

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>

<asp:HiddenField ID="HidAddSuccess" Value="0" runat="server" />

<%-- <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="#"><strong>注册业务信息处理页面</strong></a>

</div>

</nav>

</div>

<a href="#" class="list-group-item active"><strong>注册业务信息添加</strong></a>

<%-- <h4 class="list-group-item-heading"><strong>接口功能说明：</strong></h4>

<asp:TextBox ID="txtIDescription" Width="89%" Height="50" TextMode="MultiLine" runat="server"></asp:TextBox></strong></h4>--%>

<%-- <blockquote contenteditable="false" class="clearfix" style="margin-bottom: 0px;">

<p>

</p>

<p>

<asp:TextBox ID="txtIURLAddress" Width="90%" TextMode="MultiLine" Height="80" runat="server"></asp:TextBox>

</p>

</blockquote>--%>

<thead>

<tr>

</tr>

</thead>

<b>注册软件类型：</b>

</td>

<asp:DropDownList ID="ddlSoftType" CssClass="txt" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlSoftType_SelectedIndexChanged"></asp:DropDownList>

</td>

</tr>

<b>选择或添加操作人员：</b>

</td>

<asp:DropDownList ID="ddlOperater" CssClass="txt" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlOperater_SelectedIndexChanged"></asp:DropDownList>

</td>

</tr>

<b>操作员姓名：</b>

</td>

<asp:TextBox ID="txtOperater" CssClass="txt" runat="server"></asp:TextBox>

</td>

</tr>

<b>操作员QQ：</b>

</td>

<asp:TextBox ID="txtOperatQQ" CssClass="txt" runat="server" MaxLength="10"></asp:TextBox>

</td>

</tr>

<b>操作员手机：</b>

</td>

<asp:TextBox ID="txtOperatPhone" CssClass="txt" runat="server" MaxLength="11"></asp:TextBox>

</td>

</tr>

</td>

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

</td>

<asp:TextBox ID="txtMachineCode" CssClass="txt" runat="server"></asp:TextBox>

</td>

</tr>

<b>注册电脑描述：</b>

</td>

<asp:TextBox ID="txtRegMachineDecr" TextMode="MultiLine" CssClass="txt" Height="60px" runat="server"></asp:TextBox>

</td>

</tr>

</td>

<asp:TextBox ID="txtOtherExplan" TextMode="MultiLine" CssClass="txt" Height="50px" runat="server"></asp:TextBox>

</td>

</tr>

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

</td>

<asp:TextBox ID="txtRegistCode" CssClass="txt" runat="server"></asp:TextBox>  <input id="btnCopyRegCode" type="button" onclick="copyRegCode()" class="btnCopy" value="复制注册码" />

</td>

</tr>

</table>

</a>

</div>

<asp:Button ID="btnPostToList" CssClass="btns" Width="120px" runat="server" Text="返回列表页面" />

</div>

</form>

</body>

</html>

posted on 2014-10-16 11:48 zaiiiPan 阅读(740) 评论(0) 编辑收藏举报