验证邮箱
来源:互联网 发布:软件之间的接口 编辑:程序博客网 时间:2024/04/28 05:26
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
#table {
width: 630px;
}
</style>
</head>
<body>
<div class="top">
用户:<input type="text" id="username" /> 密码:
<input type="text" id="passsword" /> 邮箱:
<input type="text" id="email" />
<input type="button" id="add" value="添加" />
<input type="button" id="deleAll" value="批量删除" />
</div>
<table border="1px" cellspacing="0px" cellpadding="0px" id="table">
<tr>
<td><input type="checkbox" id="top_cb" /></td>
<td>有户名</td>
<td>密码</td>
<td>邮箱</td>
<td>操作</td>
</tr>
</table>
<script type="text/javascript">
$("#add").click(function() {
//验证
var username = $("#username").val();
if (username == "") {
alert("用户名不能为空")
return;
}
var passsword = $("#passsword").val();
if (passsword.length > 6) {
alert("密码长度不能大于6")
return;
}
var email = $("#email").val();
if (email.indexOf("@") == -1) {
alert("邮箱格式不正确")
return;
}
//添加到表格
var tr = "<tr><td><input type='checkbox' name='cb'/></td><td>" + username + "</td><td>" + passsword + "</td><td>" + email + "</td><td><input type = 'button' value = '删除' onclick='dele(this)'/></td></tr>";
$("#table").append(tr);
})
function dele(t){
t.parentNode.parentNode.remove();
}
$("#deleAll").click(function() {
var cbs = $("input[type=checkbox]:checked");
if(cbs.length==0){
alert("請至少選擇一個")
return
}
for (var i =0;i<cbs.length;i++) {
var cb = cbs[i];
cb.parentNode.parentNode.remove();
}
if (cbs.length==1) {
$("#table").empty();
}
})
//全選/全不选
var flag = true;
$("#top_cb").click(function(){
var cb = $("input[type=checkbox]");
for (var i =0 ;i<cb.length;i++) {
cb[i].checked = flag;
}
flag=!flag;
})
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
#table {
width: 630px;
}
</style>
</head>
<body>
<div class="top">
用户:<input type="text" id="username" /> 密码:
<input type="text" id="passsword" /> 邮箱:
<input type="text" id="email" />
<input type="button" id="add" value="添加" />
<input type="button" id="deleAll" value="批量删除" />
</div>
<table border="1px" cellspacing="0px" cellpadding="0px" id="table">
<tr>
<td><input type="checkbox" id="top_cb" /></td>
<td>有户名</td>
<td>密码</td>
<td>邮箱</td>
<td>操作</td>
</tr>
</table>
<script type="text/javascript">
$("#add").click(function() {
//验证
var username = $("#username").val();
if (username == "") {
alert("用户名不能为空")
return;
}
var passsword = $("#passsword").val();
if (passsword.length > 6) {
alert("密码长度不能大于6")
return;
}
var email = $("#email").val();
if (email.indexOf("@") == -1) {
alert("邮箱格式不正确")
return;
}
//添加到表格
var tr = "<tr><td><input type='checkbox' name='cb'/></td><td>" + username + "</td><td>" + passsword + "</td><td>" + email + "</td><td><input type = 'button' value = '删除' onclick='dele(this)'/></td></tr>";
$("#table").append(tr);
})
function dele(t){
t.parentNode.parentNode.remove();
}
$("#deleAll").click(function() {
var cbs = $("input[type=checkbox]:checked");
if(cbs.length==0){
alert("請至少選擇一個")
return
}
for (var i =0;i<cbs.length;i++) {
var cb = cbs[i];
cb.parentNode.parentNode.remove();
}
if (cbs.length==1) {
$("#table").empty();
}
})
//全選/全不选
var flag = true;
$("#top_cb").click(function(){
var cb = $("input[type=checkbox]");
for (var i =0 ;i<cb.length;i++) {
cb[i].checked = flag;
}
flag=!flag;
})
</script>
</body>
</html>
阅读全文
0 0
- 邮箱验证
- 邮箱验证
- 邮箱验证
- 验证邮箱
- 验证邮箱
- 邮箱验证
- 邮箱验证
- 邮箱验证
- 邮箱验证
- 验证邮箱
- 邮箱验证
- 邮箱验证
- 邮箱验证
- 邮箱验证
- 验证邮箱
- 邮箱验证
- 邮箱验证
- 邮箱验证
- 从零开始实现遗传算法(用遗传算法求解TSP)
- 实时显示状态
- 11月28号
- NFS
- HDU 2059 龟兔赛跑 (区间dp)
- 验证邮箱
- Hyperledger Fabric 1.0 实战开发系列 第一课 系统环境搭建
- 5.二叉树
- 第7节项目2-分离浮点数的整数和小数部分
- Java NiO 缓冲区学习笔记
- Ranking with Recursive Neural Networks and Its Application to Multi-document Summarization
- 第五周学习内容
- 在哈尔滨的寒风中
- AWS S3对象无法下载——This XML file does not appear to have any style information associated with it