JS --正则表达式验证、实战之邮箱模式

 JS验证格式:提高用户体验,验证文本。

需要防止程序员的代码结构更改攻击,因为web段的代码有可能会被更改,更改后JS有可能会验证不住
那么,C#端在JS段通过验证的情况下,还需要进行二次验证

<body>
<form id="form1" runat="server">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<asp:Button ID="Button1" runat="server" Text="Button" /> </form>
</body>
    <script type="text/javascript">
window.onload = function () {//文档加载完成之后就会触发该事件
document.getElementById("Button1").onclick = function () {
//1、将文本框的值取出来看看
var txt1 = document.getElementById("TextBox1").value; //如果空,那么提示不能为空,并且阻止提交
if (/^(13[0-9]|14[0-9]|15[0-9]|18[0-9])\d{8}$/.test(txt1) == false || txt1.length !=11) {//可以网上搜集
document.getElementById("Label1").innerHTML = "手机号码格式有误!";
return false;//阻止提交的
}
//如果不为空,那么就直接提交
};
};
</script>

邮箱:

<body>
<form id="form1" runat="server">
<asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate>
<table id="tb1">
<tr id="tr_head">
<td>
<input type="checkbox" id="ck_all" /><label for="ck_all">全选</label></td>
<td>用户名</td>
<td>密码</td>
<td>昵称</td>
<td>性别</td>
<td>生日</td>
<td>民族</td>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr class="tr_item">
<td>
<input type="checkbox" class="ck" name="ckk" value="<%#Eval("UserName") %>" />
</td>
<td><%#Eval("UserName") %></td>
<td><%#Eval("PassWord") %></td>
<td><%#Eval("NickName") %></td>
<td><%#Eval("SexStr") %></td>
<td><%#Eval("BirthdayStr") %></td>
<td><%#Eval("NationName") %></td>
</tr>
</ItemTemplate> <FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater> <asp:Button ID="Button1" runat="server" Text="Button" />
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> </form>
</body>
 <title></title>
<style type="text/css">
#tb1 {
width:%;
background-color:#ff6a00;
text-align:center; }
#tr_head {
color:white;
}
.tr_item {
background-color:#ffd800;
} </style>
<script type="text/javascript">
window.onload = function () {
/*点击全选 把所有的ck全部选出,for循环遍历*/
document.getElementById("ck_all").onclick = function () {
var oCks = document.getElementsByClassName("ck");
for (var i = ; i < oCks.length; i++)
{
oCks[i].checked = this.checked;
}
}; /*点击所有的之后,全选也自动选择。先取每一个的点击事件*/
var ckk = document.getElementsByClassName("ck");
for (var i = ; i < ckk.length; i++)
{
ckk[i].onclick = function () {
var ok = ;/*默认是0,每点击一下循环全部的ckk*/
for (var j = ; j < ckk.length; j++)
{
if (ckk[j].checked == true)/*每点击一下把选中的取出*/
{
ok++;
}
}
if (ok == ckk.length) {/*所有ckk的个数和选中的匹配,ck_all选中*/
document.getElementById("ck_all").checked = true;
}
else {
document.getElementById("ck_all").checked = false;
}
};
}
};
</script> </head>
<body>
<form id="form1" runat="server">
<asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate>
<table id="tb1">
<tr id="tr_head">
<td><input type="checkbox"id="ck_all" /><label for="ck_all">全选</label></td>
<td>用户名</td>
<td>密码</td>
<td>昵称</td>
<td>性别</td>
<td>生日</td>
<td>民族</td>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr class="tr_item">
<td>
<input type="checkbox" class="ck" name="ckk" value="<%#Eval("UserName") %>" />
</td>
<td><%#Eval("UserName") %></td>
<td><%#Eval("PassWord") %></td>
<td><%#Eval("NickName") %></td>
<td><%#Eval("Ssex") %></td>
<td><%#Eval("Birthday2") %></td>
<td><%#Eval("Nation") %></td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
<asp:Button ID="Button1" runat="server" Text="Button" />
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</form>
</body>
    protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
Repeater1.DataSource = new UsersDA().Select();
Repeater1.DataBind();
}
Button1.Click += Button1_Click;
} void Button1_Click(object sender, EventArgs e)
{
Label1.Text = Request["ckk"].ToString();//点击按钮取出主键值。
string[] unames = Request["ckk"].ToString().Split(',');//分隔
foreach (string s in unames)//遍历所选的
{
new UsersDA().Delete(s);
}
Repeater1.DataSource = new UsersDA().Select();
Repeater1.DataBind();//删完再重新绑定
}
上一篇:每日scrum(4)


下一篇:Ubuntu 16.04 安装 Gnome 桌面环境