网站注册信息的JS全码
<div class="box_index2">
<div class="login_title">
注册</div>
<table cellpadding="0" cellspacing="0" width="90%" class="table_box3 center">
<tr>
<th>
用户名：
</th>
<td class="login_width">
<input id="z_username" class="manage_login" name="sad" type="text"><%--onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"--%><span
class="color_red">* </span>
</td>
</tr>
<tr>
<th>
密码：
</th>
<td class="login_width">
<input id="z_pwd1" name="sad" type="password" class="manage_login"><span class="color_red">*（6位以上的任意字符）</span>
</td>
</tr>
<tr>
<th>
确认密码：
</th>
<td class="login_width">
<input id="z_pwd2" name="sad" type="password" class="manage_login"><span class="color_red">*（6位以上的任意字符）</span>
</td>
</tr>
<tr>
<th>
邮箱：
</th>
<td class="login_width">
<input id="z_email" name="sad" type="text" class="manage_login"><span class="color_red">*</span>
</td>
</tr>
<tr>
<th>
昵称：
</th>
<td class="login_width">
<input id="z_name" name="sad" type="text" class="manage_login"><span class="color_red">*（必须是汉字）</span>
</td>
</tr>
<tr>
<th>
手机号码：
</th>
<td class="login_width">
<input id="Tel" class="manage_login" name="" type="text" class="tt1" maxlength="11"
onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" /><span class="color_red">*</span>
</td>
</tr>
<tr>
<th>
所在城市：
</th>
<td>
<span style="width: 20px; margin-right: 0px;">省</span>
<select id="province" name="province" class="manage_login">
<option value="">请选择...</option>
<option value="北京市">北京市</option>
<option value="天津市">天津市</option>
<option value="河北省">河北省</option>
<option value="山西省">山西省</option>
<option value="内蒙古自治区">内蒙古自治区</option>
<option value="辽宁省">辽宁省</option>
<option value="吉林省">吉林省</option>
<option value="黑龙江省">黑龙江省</option>
<option value="上海市">上海市</option>
<option value="江苏省">江苏省</option>
<option value="浙江省">浙江省</option>
<option value="安徽省">安徽省</option>
<option value="福建省">福建省</option>
<option value="江西省">江西省</option>
<option value="山东省">山东省</option>
<option value="河南省">河南省</option>
<option value="湖北省">湖北省</option>
<option value="湖南省">湖南省</option>
<option value="广东省">广东省</option>
<option value="广西壮族自治区">广西壮族自治区</option>
<option value="海南省">海南省</option>
<option value="重庆市">重庆市</option>
<option value="四川省">四川省</option>
<option value="贵州省">贵州省</option>
<option value="云南省">云南省</option>
<option value="西藏自治区">西藏自治区</option>
<option value="陕西省">陕西省</option>
<option value="甘肃省">甘肃省</option>
<option value="青海省">青海省</option>
<option value="宁夏回族自治区">宁夏回族自治区</option>
<option value="新疆维吾尔自治区">新疆维吾尔自治区</option>
<option value="台湾省">台湾省</option>
<option value="香港特别行政区">香港特别行政区</option>
<option value="澳门特别行政区">澳门特别行政区</option>
</select>
<asp:Label ID="Label_Address" Visible="false" runat="server" Text=""></asp:Label>
</td>
</tr>
<tr>
<th>
验证码：
</th>
<td>
<div class="f_l">
<input id="yz" type="text" value="" class="manage_login" /></div>
<div class="f_l">
<img id="mark" src="manage/Captcha.aspx" onclick="this.src=this.src+'?'" style="vertical-align: text-bottom;" /><%--<img src="images/yanzheng.gif" />--%></div>
<span class="color_red">*</span>
</td>
</tr>
<tr>
<th>
</th>
<td>
<input type="checkbox" value="" class="inp_1" name="check" id="cktrue" checked="checked" />我已阅读并接受《用户服务协议》
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" value="立即注册" class="skin_btn login_btn" onclick="Register()" />
</td>
</tr>
</table>
</div>
JS判断以及ajax异步传输。
var reg1, reg2, reg3, reg4;
var valids =
[
, "(6位以上的任意字符)"
, "(必须是汉字)"
, "(有效的邮箱格式)"
, "(有效的手机号码)"
];
function check() {
reg1 = /^[\w\W]{6,}$/; //验证密码 （6位以上的任意字符）
reg2 = /^[\u4e00-\u9fa5]{2,}$/; //验证昵称（必须是汉字)
reg3 = /^(?:[a-zA-Z0-9]+[_\-\+\.]?)*[a-zA-Z0-9]+@(?:([a-zA-Z0-9]+[_\-]?)*[a-zA-Z0-9]+\.)+([a-zA-Z]{2,})+$/; //验证邮箱（有效的邮箱格式）
reg4 = /^1[3|4|5|8][0-9]\d{8}$/; //验证手机号码(有效的手机号码)
var username = $("#z_username").val();
var z_pwd1 = $("#z_pwd1").val();
var z_pwd2 = $("#z_pwd2").val();
var z_name = $("#z_name").val();
var email = $("#z_email").val();
var tel = $("#Tel").val();
var yzm = $("#yz").val();
//var address = $("#Address").val();
//alert($("#cktrue").attr("checked"));
if (username == "") {
alert("请输入用户名");
return false;
}
if (!reg1.test(z_pwd1)) {
alert("密码为空或者输入的长度不符合要求请检查" + valids[1]);
return false;
}
if (z_pwd1 != z_pwd2) {
alert("两次输入的密码不一致请检查");
return false;
}
if (email != "") {
if (!reg3.test(email)) {
alert("邮箱为空或者输入的格式不符合要求请检查");
return false;
}
}
if (!reg2.test(z_name)) {
alert("昵称为空或者输入的格式不符合要求请检查" + valids[2]);
return false;
}
if (!reg4.test(tel)) {
alert("联系电话为空或者填写的格式有误请检查" + valids[4]);
return false;
}
if (yzm == "") {
alert("请输入验证码");
return false;
}
if (!$("#cktrue").attr("checked")) {
alert("请选择接受《用户服务协议》");
return false;
}
return true;
}
function Register() {
if (!check()) {
return;
}
$.ajax({
type: "POST",
dataType: "json",
contentType: "application/x-www-form-urlencoded;charset=utf-8",
//timeout: 18000,
url: "Myashx/Registers.ashx",
data: { 'CommandType': 'Register',
'uname': $("#z_username").val(), //账号
'pwd': $("#z_pwd1").val(), //密码
'nickname': $("#z_name").val(), //昵称
'email': $("#z_email").val(), //电子邮件
'tel': $("#Tel").val(), //手机
'sheng': $("#province").val(), //地址
'yzm': $("#yz").val()//验证码
},
error: function (XMLResponse) {
alert(XMLResponse.responseText);
alert("注册失败，请稍后重试");
},
success: function (data) {
data = eval(data);
if (data.IsSuccess) {
alert(data.Result);
window.location.href = data.Url;
} else {
alert(data.Result);
}
}
});
}
后台对JSON的接收和返回。
<%@ WebHandler Language="C#" class="Register" %>
using System;
using System.Web;
using System.Text;
using System.Data;
using System.Collections.Specialized;
using Newtonsoft.Json;
using System.Web.SessionState;
public class Register : IHttpHandler, IRequiresSessionState
{
public struct JsonResult
{
public bool IsSuccess;
public string Result;
public string Url;
}
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/json";
string commandType = context.Request.Params["CommandType"];
JsonResult json = new JsonResult();
//根据不同的指令类型操作不同的信息，可以在下面进行添加任何您想要的逻辑。。。。。
switch (commandType)
{
case "Register":
json = UserRegister(context);
break;
default:
json.IsSuccess = false;
json.Result = "请求非法，请联系系统管理员";
break;
}
//将对象转换为json格式
context.Response.Write(JsonConvert.SerializeObject(json));
}
/// <summary>
/// 用户注册信息
/// </summary>
/// <param name="context"></param>
/// <returns></returns>
public JsonResult UserRegister(HttpContext context)
{
string yanzhengma = string.Empty;
JsonResult json = new JsonResult();
json.IsSuccess = false;
NameValueCollection pars = context.Request.Params;
MD5Encrypt md5encrypt = new MD5Encrypt();
try
{
string userType = pars["ut"];//用户类型
string uname = pars["uname"];//用户名
#region 验证用户名
string _sql = "select id from member where Uname='" + uname + "'";
DataTable _dt = luonan.DBUtility.DbHelperSQL.Query(_sql).Tables[0];
if (_dt.Rows.Count > 0)
{
json.Result = "用户名被占用，请重新输入!";
return json;
}
#endregion
string pwd = pars["pwd"];//密码md5encrypt.GetMD5FromString()
string nickname = pars["nickname"];//昵称
string tel = pars["tel"];//联系电话
string email = pars["email"];//电子邮件
string sheng = pars["sheng"];//详细地址
string sqlinsert = string.Format("insert into Member([usertype]" +
",[Uname]" +
",[Upass]" +
",[Nickname]" +
",[Tel]" +
",[Email]" +
",[sheng]" +
",[create_date]) values('{0}','{1}','{2}','{3}','{4}','{5}','{6}','{7}') select @@identity", userType, uname, pwd, nickname, tel, email, sheng, DateTime.Now);
//string sqlinsert = "insert into Member([usertype],[Uname],[Upass],[Nickname],[Tel],[Email],[sheng],[create_date]) values('0','lnln','123123','快捷键','13901234567','','') select @@identity";
int n = Convert.ToInt32(luonan.DBUtility.DbHelperSQL.GetSingle(sqlinsert));
if (n != 0)
{
HttpCookie UserID = new HttpCookie("UserID", n.ToString());
HttpContext.Current.Response.AppendCookie(UserID);
json.Url = "register.aspx";//注册成功后就跳转到登录页面
json.Result = "注册成功！";
json.IsSuccess = true;
}
}
catch (Exception ex)
{
json.Result = "注册失败，请稍后重试!";
}
return json;
}
public bool IsReusable
{
get
{
return false;
}
}
}
浙公网安备 33010602011771号