1、用户控件
<%
@
Control
Language
="C#"
AutoEventWireup
="true"
CodeBehind
="Register.ascx.cs"
Inherits
="ProjectName.Register"
%>
<
div
id
="dialog-form"
title
="
注册
">
<
p
><
big
><
strong
>
用户注册
</
strong
></
big
>
</
p
>
<
p
class
="validateTips"></
p
>
<
fieldset
>
<
label
for
="firstname">
姓
</
label
>
<
input
type
="text"
name
="firstname"
id
="firstname"
class
="text ui-widget-content ui-corner-all"
/>
<
label
for
="lastname">
名
</
label
>
<
input
type
="text"
name
="lastname"
id
="lastname"
class
="text ui-widget-content ui-corner-all"
/>
<
label
for
="address">
地址
</
label
>
<
input
type
="text"
name
="address"
id
="address"
class
="text ui-widget-content ui-corner-all"
/>
<
label
for
="email">
邮箱
</
label
>
<
input
type
="text"
name
="email"
id
="email"
class
="text ui-widget-content ui-corner-all"
/>
<
label
for
="phone">
电话
</
label
>
<
input
type
="text"
name
="phone"
id
="phone"
class
="text ui-widget-content ui-corner-all"
/>
<
label
for
="infocategory">
资讯种类
</
label
>
<
select
name
="infocategory"
id
="infocategory"
class
="selectbox">
<
option
selected
="selected"
value
="0">
全部
</
option
>
<
option
value
="1">
模擬帳戶
</
option
>
<
option
value
="2">
外匯
</
option
>
<
option
value
="3">
宣傳
</
option
>
<
option
value
="4">
諮詢
</
option
>
</
select
>
</
fieldset
>
</
div
>
<
style
type
="text/css">
#dialog-form
input.text
{
margin-bottom
:
12px
;
width
:
95%
;
padding
:
.4em
;
}
#dialog-form
.selectbox
{
margin-bottom
:
12px
;
width
:
97%
;
border
:
solid
1px
#ccc
;
background
:
#fff
;
}
#dialog-form
fieldset
{
padding
:
0
;
border
:
0
;
margin-top
:
25px
;
}
.ui-dialog
.ui-state-error
{
padding
:
.3em
;
}
.validateTips
{
border
:
1px
solid
transparent
;
padding
:
0.3em
;
}
.ui-widget
{
font-size
:
10.5pt
;
}
.ui-dialog
.ui-dialog-buttonpane
.ui-dialog-buttonset
{
text-align
:
center
}
</
style
>
<
script
src
="js/jquery-1.7.2.min.js"
type
="text/javascript"></
script
>
<
script
src
="js/jquery-ui-1.8.21.custom.min.js"
type
="text/javascript"></
script
>
<
script
src
="js/register.js"
type
="text/javascript"></
script
>
<
link
href
="css/ui-lightness/jquery-ui-1.8.21.custom.css"
rel
="stylesheet"
type
="text/css"
/><% @ Control Language ="C#" AutoEventWireup ="true" CodeBehind ="Register.ascx.cs" Inherits ="ProjectName.Register" %>
< div id ="dialog-form" title =" 注册 ">
< p >< big >< strong > 用户注册 </ strong ></ big > </ p >
< p class ="validateTips"></ p >
< fieldset >
< label for ="firstname"> 姓 </ label >
< input type ="text" name ="firstname" id ="firstname" class ="text ui-widget-content ui-corner-all" />
< label for ="lastname"> 名 </ label >
< input type ="text" name ="lastname" id ="lastname" class ="text ui-widget-content ui-corner-all" />
< label for ="address"> 地址 </ label >
< input type ="text" name ="address" id ="address" class ="text ui-widget-content ui-corner-all" />
< label for ="email"> 邮箱 </ label >
< input type ="text" name ="email" id ="email" class ="text ui-widget-content ui-corner-all" />
< label for ="phone"> 电话 </ label >
< input type ="text" name ="phone" id ="phone" class ="text ui-widget-content ui-corner-all" />
< label for ="infocategory"> 资讯种类 </ label >
< select name ="infocategory" id ="infocategory" class ="selectbox">
< option selected ="selected" value ="0"> 全部 </ option >
< option value ="1"> 模擬帳戶 </ option >
< option value ="2"> 外匯 </ option >
< option value ="3"> 宣傳 </ option >
< option value ="4"> 諮詢 </ option >
</ select >
</ fieldset >
</ div >
< style type ="text/css">
#dialog-form input.text
{
margin-bottom : 12px ;
width : 95% ;
padding : .4em ;
}
#dialog-form .selectbox
{
margin-bottom : 12px ;
width : 97% ;
border : solid 1px #ccc ;
background : #fff ;
}
#dialog-form fieldset
{
padding : 0 ;
border : 0 ;
margin-top : 25px ;
}
.ui-dialog .ui-state-error
{
padding : .3em ;
}
.validateTips
{
border : 1px solid transparent ;
padding : 0.3em ;
}
.ui-widget
{
font-size : 10.5pt ;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
{
text-align : center
}
</ style >
< script src ="js/jquery-1.7.2.min.js" type ="text/javascript"></ script >
< script src ="js/jquery-ui-1.8.21.custom.min.js" type ="text/javascript"></ script >
< script src ="js/register.js" type ="text/javascript"></ script >
< link href ="css/ui-lightness/jquery-ui-1.8.21.custom.css" rel ="stylesheet" type ="text/css" />2、一般处理程序
using System;
using System.Collections;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Xml.Linq;
using Entity;
using BizComponents;
using System.Web.Security;
namespace Project
{
/// <summary>
/// $codebehindclassname$ 的摘要说明
/// </summary>
[ WebService (Namespace = "http://tempuri.org/" )]
[ WebServiceBinding (ConformsTo = WsiProfiles .BasicProfile1_1)]
public class register : IHttpHandler , System.Web.SessionState. IRequiresSessionState
{
public void ProcessRequest( HttpContext context)
{
context.Response.ContentType = "text/plain" ;
Members_Biz biz = new Members_Biz ();
string Email = context.Request[ "email" ].ToString();
bool IsUnique = biz.IsUniqueEmail(Email);
if (IsUnique)
{
if ( string .IsNullOrEmpty(context.Request[ "status" ]))
{
Members db = new Members ();
db.LastName = context.Request[ "lastname" ].ToString();
db.FirstName = context.Request[ "firstname" ].ToString();
db.Address = context.Request[ "address" ].ToString();
db.Phone = context.Request[ "phone" ].ToString();
db.Email = context.Request[ "email" ].ToString();
db.InfoCategory = Convert .ToInt32(context.Request[ "infocategory" ]);
db.RegTime = DateTime .Now;
db.EditTime = DateTime .Now;
db.Status = 1;
db.Password = SetMD5( "123456" , "MD5" );
int num = biz.Members_ADD(db);
if (num > 0)
{
context.Session[ "userName" ] = db.NickName;
context.Response.Write( "success" );
}
else
{
context.Response.Write( "false" );
}
}
else
{
context.Response.Write( "success" );
}
}
else
{
context.Response.Write( " 已注册 " );
}
}
public bool IsReusable
{
get
{
return false ;
}
}
/// <summary>
/// MD5 加密
/// </summary>
/// <param name="pwd"></param>
/// <param name="type"></param>
/// <returns></returns>
string SetMD5( string pwd, string type)
{
return FormsAuthentication .HashPasswordForStoringInConfigFile(pwd, type);
}
}
}3、js
//var jq =jQuery.noConflict();
//jq(
// $( "dialog:ui-dialog" ).dialog( "destroy" ); 改为 $( "dialog-form:ui-dialog" ).dialog( "destroy" );或 $( ":ui-dialog" ).dialog( "destroy" );
$( function () {
$( "dialog-form:ui-dialog" ).dialog( "destroy" );
var firstname = $( "#firstname" ),
//password = $("#password"),
lastname = $( "#lastname" ),
address = $( "#address" ),
phone = $( "#phone" ),
email = $( "#email" ),
infocategory = $( "#infocategory" ),
allFields = $([]).add(firstname).add(lastname).add(address).add(phone).add(email).add(infocategory),
tips = $( ".validateTips" );
function updateTips(t) {
tips.text(t).addClass( "ui-state-highlight" );
setTimeout( function () {
tips.removeClass( "ui-state-highlight" , 1500);
}, 500);
}
function checkLength(o, n, min, max) {
if (o.val().length > max || o.val().length < min) {
o.addClass( "ui-state-error" );
updateTips( " " + n + " 必须在 " +
min + " 到 " + max + " 字符之间 ." );
return false ;
} else {
return true ;
}
}
function checkRegexp(o, regexp, n) {
if (!(regexp.test(o.val()))) {
o.addClass( "ui-state-error" );
updateTips(n);
return false ;
} else {
return true ;
}
}
$( "#dialog-form" ).dialog({
autoOpen: false ,
show: "blind" ,
hide: "explode" ,
height: 550,
width: 550,
bgiframe: true ,
modal: true ,
buttons: {
" 注册 " : function () {
var bValid = true ;
allFields.removeClass( "ui-state-error" );
bValid = bValid && checkLength(firstname, " 姓的长度 " , 2, 16);
bValid = bValid && checkLength(lastname, " 名的长度 " , 2, 16);
bValid = bValid && checkRegexp(email, /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}/, " 邮箱格式不对 " );
bValid = bValid && checkRegexp(phone, /^((\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$)/, " 电话格式不对 " );
// bValid = bValid && checkLength(password, " 密码长度 ", 3, 16);
// bValid = bValid && checkRegexp(password, /^([0-9a-zA-Z])+$/, " 密码只能为阿拉伯数字和字母 : a-z 0-9");
// 获取数据，并对数据进行操作
if (bValid) {
$.post( "/register.ashx" , {
firstname: firstname.val(),
lastname: lastname.val(),
//password: password.val()
address: address.val(),
phone: phone.val(),
email: email.val(),
infocategory: infocategory.val()
},
function (data) {
var dat = data;
if (dat == "success" ) {
$( "#dialog-form" ).dialog( "close" );
alert( " 注册成功，将调回首页 " );
setTimeout( "location.href='/index.aspx'" , 1000);
}
else {
alert( " 注册失败，请重新尝试！ " );
}
});
}
},
" 取消 " : function () {
$( this ).dialog( "close" );
}
},
close: function () {
allFields.val( "" ).removeClass( "ui-state-error" );
}
});
$( "#Btn_Gray_M" ).click( function () {
$( "#dialog-form" ).dialog( "open" );
});
$( "#email" ).bind( "blur" , function () {
var bool = checkRegexp($( "#email" ), /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}/, " 邮箱格式不对 " );
if (bool) {
$. get ( "/register.ashx" , { email: $( "#email" ).val(), status: 1 }, function (data) {
if (data == " 已注册 " ) {
$( "#email" ).addClass( "ui-state-error" );
updateTips( " 邮箱已经注册 " );
return false ;
}
else {
$( "#email" ).removeClass( "ui-state-error" );
updateTips( "" );
$( ".validateTips" ).removeClass( "ui-state-highlight" );
}
});
}
});
function login_alert() {
$( "#dialog-form" ).dialog( "open" );
};
})
//);4、asp.net前台
<% @ Register Src ="~/Register.ascx" TagName ="Register" TagPrefix ="Register" %>
< input type ="button" value =" 注册获取更多资料 " id ="Btn_Gray_M" class ="Btn_Gray_M" />
< div style =" display : none">< Register : Register ID ="Register1" runat ="server" /></ div >
、本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
