JS --正则表达式验证、实战之邮箱模式
生活随笔
收集整理的這篇文章主要介紹了
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>View Code
<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>View Code
?
<title></title><style type="text/css">#tb1 {width:100%;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 = 0; i < oCks.length; i++){oCks[i].checked = this.checked;}};/*點擊所有的之后，全選也自動選擇。先取每一個的點擊事件*/var ckk = document.getElementsByClassName("ck");for (var i = 0; i < ckk.length; i++){ckk[i].onclick = function () {var ok = 0;/*默認是0,每點擊一下循環全部的ckk*/for (var j = 0; 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();//刪完再重新綁定}
?
轉載于:https://www.cnblogs.com/yp11/p/5913270.html
總結
以上是生活随笔為你收集整理的JS --正则表达式验证、实战之邮箱模式的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 草之灵石，火花石有什么用
- 下一篇： dataTable 从服务器获取数据源的