2017-5-26 正则表达式，js实战（加减数量，全选）

1、正则表达式：验证数据格式的准确性。

用正则表达式判断手机号格式是否正确：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title>
</head>
<body><form id="form1" runat="server"><div><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" /></div></form>
</body>
</html>
<script type="text/javascript">document.getElementById("Button1").onclick = function (){document.getElementById("Label1").innerHTML = "";var s = document.getElementById("Textbox1").value;if (!/^0?(13[0-9]|15[012356789]|17[013678]|18[0-9]|14[57])[0-9]{8}$/.test(s));{document.getElementById("Label1").innerHTML = "格式错误！";return false;}return false;}</script>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;public partial class _Default : System.Web.UI.Page
{protected void Page_Load(object sender, EventArgs e){}
}

2、用加减按钮增加减少数量

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title>
</head>
<body><form id="form1" runat="server"><div><asp:Button ID="btn_jia" value="+" runat="server" Text="+" /><asp:TextBox ID="TextBox1" runat="server" style="width:30px;"></asp:TextBox><asp:Button ID="btn_jian" value="-" runat="server" Text="-" /><asp:Button ID="Button1" runat="server" Text="Button" /><asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></div></form>
</body>
</html>
<script type="text/javascript">document.getElementById("btn_jia").onclick = function (){var s = document.getElementById("TextBox1");s.value = parseInt(s.value) + 1;}document.getElementById("btn_jian").onclick = function () {var s = document.getElementById("TextBox1");if (s.value <= 1) { return;}s.value = parseInt(s.value) - 1;}
</script>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;public partial class Default2 : System.Web.UI.Page
{protected void Page_Load(object sender, EventArgs e){Button1.Click += Button1_Click;}void Button1_Click(object sender, EventArgs e){Label1.Text = TextBox1.Text;}
}

3、用checkbox实现全选

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title>
</head>
<body><form id="form1" runat="server"><div><table style="width:100%;text-align:center;background-color:navy;"><tr style="color:white;"><td><input type="checkbox" id="ckall"/>全选</td><td>编号</td><td>姓名</td><td>密码</td><td>昵称</td><td>性别</td><td>生日</td><td>民族</td></tr><asp:Repeater ID="Repeater1" runat="server"><ItemTemplate><tr style="background-color:white;"><td><input type="checkbox" name="ck" value="<%#Eval("ids") %>"/></td><td><%#Eval("ids") %></td><td><%#Eval("username") %></td><td><%#Eval("password") %></td><td><%#Eval("nickname") %></td><td><%#Eval("sex") %></td><td><%#Eval("birthday") %></td><td><%#Eval("nation") %></td></tr></ItemTemplate></asp:Repeater></table><asp:Button ID="Button1" runat="server" Text="Button" /><asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></div></form>
</body>
</html>
<script type="text/javascript">document.getElementById("ckall").onclick = function (){var cks = document.getElementsByName("ck");for (var i = 0; i < cks.length; i++){cks[i].checked=this.checked;}var ckss = document.getElementsByName("ck");for (var i = 0; i < ckss.length; i++){ckss[i].onclick = function (){   var count=0;for (var j = 0; j < ckss.length; j++){if (ckss[j].checked == false){ count++;}}if (count == 0) {document.getElementById("ckall").checked = true;}else{document.getElementById("ckall").checked = false;}}}}</script>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;public partial class Default3 : System.Web.UI.Page
{protected void Page_Load(object sender, EventArgs e){if(!IsPostBack){Repeater1.DataSource = new user1data().selectall();Repeater1.DataBind();}Button1.Click += Button1_Click;}void Button1_Click(object sender, EventArgs e){Label1.Text = Request["ck"];}
}

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;/// <summary>
/// user1data 的摘要说明
/// </summary>
public class user1data
{DataClassesDataContext con = new DataClassesDataContext();public user1data(){}public List<user1> selectall() {return con.user1.ToList();}
}

转载于:https://www.cnblogs.com/zhengqian/p/6912734.html

2017-5-26 正则表达式，js实战（加减数量，全选）相关推荐

JS 时间加减 / 小时加减
JS 时间加减 / 小时加减在实际开发中,有时我们需要对Date对象的时间进行加减操作.最常见的一个原因就是数据库采用了GMT时间来存储,而我们查询本地时会默认减去8个小时.在不能改动数据库的情况下 ...
js日期加减一天_JS日期加减,日期运算代码
这篇文章主要介绍了JS日期加减,日期运算代码,需要的朋友可以参考下一.日期减去天数等于第二个日期 function cc(dd,dadd){ //可以加上错误处理 var a = new Date( ...
js 日期加减操作（日、月、年）
js 日期加减操作(日.月.年) 先定义当前时间 const myDate = new Date() 2.日期加减操作 myDate.setYear(myDate.getFullYear() + 1) ...
JavaScript学习（十六）—实现购物车加减数量，计算总金额
JavaScript学习(十六)-实现购物车加减数量,计算总金额代码如下: <table border="2" cellspacing="0" soli ...
利用JS来实现表格的全选、全不选、反选以及删除的功能
利用JS来进行表格的选择删除等功能二.代码 1.表格的制作以及事件的绑定 2.全选按钮的功能实现 3.全不选按钮的功能实现 4.反选按钮的功能实现 5.删除按钮的功能实现 6.鼠标悬停时颜色的变化 ...
js日期加减一天_js日期如何进行加减计算
[摘要]首先介绍一下大的背景:就是我们的手机端项目涉及到购买会员之后,购买所有的商品都会有相应的折扣.那么我们的后台管理系统就可以指定用户,为其开通会员.核心技术:js日期如何进行加减计算. [作者] ...
js日期加减一天_用js进行日期的加减
如题,开始查了查js的使用文档,但没发现可以直接用的函数,于是就想自己写函数来着,这就要涉及到每个月天数的判断,如果是2月份的话,还要涉及到闰年的判断,虽然不复杂但我想js应该不会这么低级,于是查了下 ...
js日期加减一天_js日期加减
Date.prototype.Format = function(fmt) { //author: meizz var o = { "M+" : this.getMonth() + ...
android 购物车数量加减,自定义View 购物车加减数量
首先我们需要的是加(botton) 减 (botton) 输入数量(editText) [这里我还设置了最大值] 然后对加减按钮设置监听,点击对ed ...
JS如何控制checkbox的全选反选
JS代码: 1 <script language="javascript" type="text/javascript"> 2 3 //转载请保留出 ...

2017-5-26 正则表达式，js实战（加减数量，全选）

2017-5-26 正则表达式，js实战（加减数量，全选）相关推荐

最新文章

热门文章