當(dāng)前位置：首頁(yè) > 人文社科 > 生活经验 >内容正文

生活经验

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

發(fā)布時(shí)間：2023/11/27 生活经验 27 豆豆

生活随笔收集整理的這篇文章主要介紹了 JS --正则表达式验证、实战之邮箱模式小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

JS驗(yàn)證格式：提高用戶體驗(yàn)，驗(yàn)證文本。

需要防止程序員的代碼結(jié)構(gòu)更改攻擊，因?yàn)閣eb段的代碼有可能會(huì)被更改，更改后JS有可能會(huì)驗(yàn)證不住
那么，C#端在JS段通過(guò)驗(yàn)證的情況下，還需要進(jìn)行二次驗(yàn)證

<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 () {//文檔加載完成之后就會(huì)觸發(fā)該事件document.getElementById("Button1").onclick = function () {//1、將文本框的值取出來(lái)看看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) {//可以網(wǎng)上搜集document.getElementById("Label1").innerHTML = "手機(jī)號(hào)碼格式有誤！";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 () { /*點(diǎn)擊全選 把所有的ck全部選出，for循環(huán)遍歷*/document.getElementById("ck_all").onclick = function () {var oCks = document.getElementsByClassName("ck");for (var i = 0; i < oCks.length; i++){oCks[i].checked = this.checked;}};/*點(diǎn)擊所有的之后，全選也自動(dòng)選擇。先取每一個(gè)的點(diǎn)擊事件*/var ckk = document.getElementsByClassName("ck");for (var i = 0; i < ckk.length; i++){ckk[i].onclick = function () {var ok = 0;/*默認(rèn)是0,每點(diǎn)擊一下循環(huán)全部的ckk*/for (var j = 0; j < ckk.length; j++){if (ckk[j].checked == true)/*每點(diǎn)擊一下把選中的取出*/{ok++;}}if (ok == ckk.length) {/*所有ckk的個(gè)數(shù)和選中的匹配，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();//點(diǎn)擊按鈕取出主鍵值。string[] unames = Request["ckk"].ToString().Split(',');//分隔foreach (string s in unames)//遍歷所選的{new UsersDA().Delete(s);}Repeater1.DataSource = new UsersDA().Select();Repeater1.DataBind();//刪完再重新綁定}

轉(zhuǎn)載于:https://www.cnblogs.com/yp11/p/5913270.html

總結(jié)

以上是生活随笔為你收集整理的JS --正则表达式验证、实战之邮箱模式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。