常用网站后台与前台表单的有效性简单验证(不用验证控件，怕忘)

 

这个方法只是简单的验证 一般情况下可以使用

如果实现较为复杂的 比如输入框失去焦点就开始判断用户名是否存在或者其他条件 请参照另外一篇：

http://www.cnblogs.com/luqingsong/archive/2011/01/14/1935691.html

网站后台验证（不用验证控件）

 

 //----------------------------------------------------验证开始
            //验证输入是否完整
            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;  
          } 
            //--------------------------------------------------------验证结束

 

前台javascript验证：

第一步:在提交按钮的前台代码中加入

OnClientClick="return checkform()" 如果为真则执行 如果为假就不执行提交

如

 <asp:Button ID="butsubmit" runat="server" OnClientClick="return checkform()" Text="提交" />

 

第二步：在head部分写入：(如果是根据母版则在母版页的head部分写)

 

 

<script type="text/javascript">
        function checkform() {
            var name = document.getElementById('<%=txtname.ClientID %>').value;
            var email = document.getElementById('<%=txtemail.ClientID %>').value;
            var pwd = document.getElementById('<%=txtpwd.ClientID %>').value;
            var qrpwd = document.getElementById('<%=txtqrpwd.ClientID %>').value;
            var question = document.getElementById('<%=txtquestion.ClientID %>').value;
            var answer = document.getElementById('<%=txtanswer.ClientID %>').value;
            //验证输入是否完整
            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;
        }
    </script>

 如果前台用jquery实现  代码如下:

<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;
        }
    </script>

 

 

 

 附录全部代码以做参考:

前台

<%@ 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;
        }
    </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"></asp:TextBox>
                                            *<br />
                                            请填写您用来登录的用户名。</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span class="pad">电子邮件：
                                            <asp:TextBox ID="txtemail" runat="server"></asp:TextBox>
                                            &nbsp;*
                                            <br />
                                            请填写您有效的邮件地址，以便于我们为您提供有效的服务。 </span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span class="pad">密 码：
                                            <asp:TextBox ID="txtpwd"  TextMode="Password" runat="server"></asp:TextBox>
                                            &nbsp;*
                                            <br />
                                            长度必须大于6个字符小于20个字符，只能为英语字、数字，例如：snsn2003等。</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td height="35">
                                        <span class="pad">确认密码：
                                            <asp:TextBox ID="txtqrpwd"  TextMode="Password" runat="server"></asp:TextBox>
                                            &nbsp;*
                                            <br />
                                            请将输入的密码再次输入，以免设置密码出错。 </span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span class="pad">密码提问：
                                            <asp:TextBox ID="txtquestion" runat="server"></asp:TextBox>
                                            &nbsp;*(用于密码遗忘时使用) </span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span class="pad">密码答案：
                                            <asp:TextBox ID="txtanswer" runat="server"></asp:TextBox>
                                            &nbsp;*(密码遗忘时将验证此答案) </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>

后台

 

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