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

最新推荐文章于 2020-09-27 13:42:45 发布

queenFengdabao

最新推荐文章于 2020-09-27 13:42:45 发布

阅读量297

点赞数

分类专栏：小发现 ASP.NET 文章标签：冯大宝小发现

ASP.NET 同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

小发现

7 篇文章 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">用户名： 
<asp:TextBox ID="txtname" runat="server" οnblur="checkname(this.value);"></asp:TextBox>
<span id="meusername">*</span><br />
请填写您用来登录的用户名。</span>
</td>
</tr>
<tr>
<td>
<span class="pad">电子邮件：
<asp:TextBox ID="txtemail" runat="server" οnblur="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" οnblur="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" οnblur="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" οnblur="checkquestion(this.value);"></asp:TextBox>
<span id="mecquestion">*</span><br />
(用于密码遗忘时使用) </span>
</td>
</tr>
<tr>
<td>
<span class="pad">密码答案：
<asp:TextBox ID="txtanswer" runat="server" οnblur="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" /> <asp:Button ID="Button5" runat="server" Text="重置" OnClick="Button5_Click" /> 
<asp:Button ID="Button6" runat="server" Text="返回" OnClick="Button6_Click" />
 (带*为必填项) </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;
}
}
}
}