关闭

常用网站后台与前台表单的有效性复杂验证(net+jqury+ajax)不用验证控件方法

标签: ajaxtextboxjavascriptbuttonserverfunction
680人阅读 评论(0) 收藏 举报

后台CS页面 用户名是否存在自写数据库查询方法

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Text.RegularExpressions;


namespace xh.shop.web
{
   
public partial class reg2 : System.Web.UI.Page
    {
       
protected void Page_Load(object sender, EventArgs e)
        {

        }

       
protected void Button4_Click(object sender, EventArgs e)
        {

        }
//重置
        protected void Button5_Click(object sender, EventArgs e)
        {
            txtanswer.Text
= "";
            txtemail.Text
= "";
            txtname.Text
= "";
            txtpwd.Text
= "";
            txtqrpwd.Text
= "";
            txtquestion.Text
= "";
        }
//返回
        protected void Button6_Click(object sender, EventArgs e)
        {
            Response.Redirect(
"index.aspx");
        }
//注册
        protected void butcz(object sender, EventArgs e)
        {
           
           
//----------------------------------------------------验证开始
            string answer = txtanswer.Text.Trim();
           
string email= txtemail.Text.Trim();
           
string name = txtname.Text.Trim();
           
string pwd = txtpwd.Text.Trim();
           
string qrpwd = txtqrpwd.Text.Trim();
           
string question = txtquestion.Text.Trim();
         
           
//验证输入是否完整
            if (answer.Length==0||email.Length==0||name.Length==0||pwd.Length==0||qrpwd.Length==0||question.Length==0)
            {
                Response.Write(
"<script language='JavaScript'>alert('输入不完整')</script>");
               
return;
            }
           
//验证密码与确认密码是否一致
            if (pwd!=qrpwd)
            {
                Response.Write(
"<script language='JavaScript'>alert('密码与确认密码不一致')</script>");
               
return;
            }
           
//验证密码
          if (!Regex.IsMatch(pwd,"^[a-zA-Z0-9]{6,20}$"))
    {
                Response.Write(
"<script language='JavaScript'>alert(' 密码长度必须大于6个字符小于20个字符,只能为英语字、数字,例如:snsn2003等')</script>");
               
return;
    }
           
//验证电子邮件
          if (!Regex.IsMatch(email, @"/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*"))
          {
              Response.Write(
"<script language='JavaScript'>alert('请输入有效的邮件地址')</script>");
             
return;
          }
           
//验证用户名是否存在
          if (new xh.shop.DAL.user().Exists(name))
          {
             Response.Write(
"<script language='JavaScript'>alert('用户名已经存在')</script>");
             
return
          }
           
//--------------------------------------------------------验证结束
        int res=    new xh.shop.DAL.user().Add(new xh.shop.Model.user() {
            username
=name,
            createdate
=DateTime.Now,
            answer
=answer,
            email
=email,
            password
=pwd,
            question
=question
           
            });
       
if (res > 0)
        {
            Response.Write(
"<script language='JavaScript'>alert('添加成功')</script>");
            txtanswer.Text
= "";
            txtemail.Text
= "";
            txtname.Text
= "";
            txtpwd.Text
= "";
            txtqrpwd.Text
= "";
            txtquestion.Text
= "";
        }
       
else
        {
            Response.Write(
"<script language='JavaScript'>alert('添加失败')</script>");
           
return;
        }
        }
    }
}

 

前台页面 images文件夹下用到了gou.gif显示输入正确 jqur1.4.2

 

<%@ Page Title="" Language="C#" MasterPageFile="~/topfoot.Master" AutoEventWireup="true"
CodeBehind
="reg2.aspx.cs" Inherits="xh.shop.web.reg2" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

<script src="js/jquery-1.4.2.js" type="text/javascript"></script>

<script type="text/javascript">
function checkform() {
var name = $.trim($('#<%=txtname.ClientID %>').val());
var email = $.trim($('#<%=txtemail.ClientID %>').val());
var pwd = $.trim($('#<%=txtpwd.ClientID %>').val());
var qrpwd = $.trim($('#<%=txtqrpwd.ClientID %>').val());
var question = $.trim($('#<%=txtquestion.ClientID %>').val());
var answer = $.trim($('#<%=txtanswer.ClientID %>').val());
//验证输入是否完整
if (answer.length == 0 || email.length == 0 || name.length == 0 || pwd.length == 0 || qrpwd.length == 0 || question.length == 0) {
alert(
"输入不完整");
return false;
}
//验证密码与确认密码是否一致
if (pwd != qrpwd) {
alert(
"密码与确认密码不一致");
return false;

}
//验证密码 这里的正则表达式的判断方法跟c#不一样 请注意:/正则表达式 /g g表示全部查找
var reg = /^[a-zA-Z0-9]{6,20}$/g;
if (!reg.test(pwd)) {
alert(
"密码长度必须大于6个字符小于20个字符,只能为英语字、数字,例如:snsn2003等");
return false;

}
//验证电子邮件
reg = //w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*/g;
if (!reg.test(email)) {
alert(
"请输入有效的邮件地址");
return false;

}
//如果都正确 则返回真
return true;
}



//验证用户名失去焦点时是否存在用户名
function checkname(username) {

username
= $.trim(username);
if (username.length == 0) {
$(
"#meusername").html("<span style='color:red;'>用户名不能为空</span>");
return;
}
else {


var url = "handler/checkusername.ashx?username=" + username + "&t=" + new Date().valueOf();
$.get(url,
function(data) {

if (data == "false") {
$(
"#meusername").html("<span style='color:red;'>用户名已经存在</span>");
}
else {
$(
"#meusername").html("<img src=images/gou.gif></a>");

}
})


}

}
//验证电子邮件失去焦点时是否合法
function checkemail(email) {


if (email.length == 0) {
$(
"#mecemail").html("<span style='color:red;'>电子邮件不能为空</span>");
return;
}
else {
reg
= //w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*/g;
if (!reg.test(email)) {
$(
"#mecemail").html("<span style='color:red;'>请输入有效的邮件地址</span>");
return;

}
else {
$(
"#mecemail").html("<img src=images/gou.gif></a>");
}
}

}
//验证密码确认是否一致
function checkqrpwd(qrpwd) {

var pwd = $.trim($('#<%=txtpwd.ClientID %>').val());
if (pwd.length != 0) {
if (qrpwd != pwd) {
$(
"#mecqrpwd").html("<span style='color:red;'>确认密码不一致</span>");
return;
}
else {
$(
"#mecqrpwd").html("<img src=images/gou.gif></a>");
}


}


}



//验证密码输入合法行和与确认密码是否一致
function checkpwd(pwd) {
var qrpwd = $.trim($('#<%=txtqrpwd.ClientID %>').val());
if (pwd.length == 0) {

$(
"#mecpwd").html("<span style='color:red;'>密码不能为空</span>");
return false;
}
var reg = /^[a-zA-Z0-9]{6,20}$/g;
if (!reg.test(pwd)) {
$(
"#mecpwd").html("<span style='color:red;'>密码长度必须大于6个字符小于20个字符,只能为英语字母或者数字</span>");
return false;

}

else {
$(
"#mecpwd").html("<img src=images/gou.gif></a>");
}

}

//验证提示问题
function checkquestion(question) {
if (question.length != 0) {
$(
"#mecquestion").html("<img src=images/gou.gif></a>");
}
else {

$(
"#mecquestion").html("<span style='color:red;'>确认密码不一致</span>");
}
}
//验证问题答案
function checkanswer(answer) {
if (answer.length != 0) {
$(
"#mecanswer").html("<img src=images/gou.gif></a>");
}
else {

$(
"#mecanswer").html("<span style='color:red;'>确认密码不一致</span>");
}
}


</script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<table width="789" border="1">
<tr>
<td align="left" valign="top">
<table width="100%" border="0">
<tr>
<td height="35" bgcolor="#CCCCCC" style="font-weight: bold; padding-left: 10px;">
<img src="images/o.gif" width="9" height="9" />
新用户注册
</td>
</tr>
<tr>
<td align="left">
<table align="center" border="0" cellpadding="1" cellspacing="1" width="70%">
<tr>
<td>
<span class="pad">用 户 名:&nbsp;
<asp:TextBox ID="txtname" runat="server" onblur="checkname(this.value);"></asp:TextBox>
<span id="meusername">*</span><br />
请填写您用来登录的用户名。
</span>
</td>
</tr>
<tr>
<td>
<span class="pad">电子邮件:
<asp:TextBox ID="txtemail" runat="server" onblur="checkemail(this.value);"></asp:TextBox>
<span id="mecemail">*</span><br />
<br />
</span>
</td>
</tr>
<tr>
<td>
<span class="pad">密 码:
<asp:TextBox ID="txtpwd" TextMode="Password" runat="server" onblur="checkpwd(this.value);"></asp:TextBox>
<span id="mecpwd">*</span><br />
<br />
长度必须大于6个字符小于20个字符,只能为英语字、数字,例如:snsn2003等。
</span>
</td>
</tr>
<tr>
<td height="35">
<span class="pad">确认密码:
<asp:TextBox ID="txtqrpwd" TextMode="Password" runat="server" onblur="checkqrpwd(this.value);"></asp:TextBox>
<span id="mecqrpwd">*</span><br />
<br />
请将输入的密码再次输入,以免设置密码出错。
</span>
</td>
</tr>
<tr>
<td>
<span class="pad">密码提问:
<asp:TextBox ID="txtquestion" runat="server" onblur="checkquestion(this.value);"></asp:TextBox>
<span id="mecquestion">*</span><br />
(用于密码遗忘时使用)
</span>
</td>
</tr>
<tr>
<td>
<span class="pad">密码答案:
<asp:TextBox ID="txtanswer" runat="server" onblur="checkanswer(this.value);"></asp:TextBox>
<span id="mecanswer">*</span><br />
(密码遗忘时将验证此答案)
</span>
</td>
</tr>
<tr>
<td>
<span class="pad">
<asp:Button ID="butsubmit" runat="server" OnClientClick="return checkform()" Text="提交"
OnClick
="butcz" />&nbsp;<asp:Button ID="Button5" runat="server" Text="重置" OnClick="Button5_Click" />&nbsp;
<asp:Button ID="Button6" runat="server" Text="返回" OnClick="Button6_Click" />
&nbsp;(带*为必填项) </span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</asp:Content>

 

在headler文件夹下建立的checkusername.ashx页面

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace xh.shop.web.handler
{
   
/// <summary>
   
/// $codebehindclassname$ 的摘要说明
   
/// </summary>

   
public class checkusername : IHttpHandler
    {

       
public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType
= "text/plain";
           
string name = context.Request.QueryString["username"];
           
if (string.IsNullOrEmpty(name))
            {
                context.Response.Write(
"false");
                context.Response.End();
            }

           
if (new xh.shop.DAL.user().Exists(name))
            {
                context.Response.Write(
"false");
                context.Response.End();
            }
           
else
            {
                context.Response.Write(
"true");
                context.Response.End();
            }



        }

       
public bool IsReusable
        {
           
get
            {
               
return false;
            }
        }
    }
}

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:195140次
    • 积分:2104
    • 等级:
    • 排名:第19055名
    • 原创:52篇
    • 转载:6篇
    • 译文:0篇
    • 评论:12条
    文章分类
    最新评论