jQUery表单删除
来源:互联网 发布:音乐加快软件 编辑:程序博客网 时间:2024/05/22 16:06
<script>
$(function(){
var b=false;
var b1=false;
var b2=false;
var b3=false;
var b4=false;
var sheng1="";
var shi1="";
var name1="";
var tel1="";
var em1="";
$("#name").blur(function(){
var $name=$(this).val();
if($name!=null&&$name!=""){
name1=$name;
b=true;
}else{
b=false;
}
});
$("#tel").blur(function(){
var $name=$(this).val();
var num=/\d$/;
var s=num.test($name);
if(s&&$name.length==11){
tel1=$name;
b1=true;
}else{
b1=false;
}
});
$("#em").click(function(){
var $name=$(this).val();
if($name.match('@')){
em1=$name;
b2=true;
}else{
b2=false;
}
});
$("#sheng option").click(function(){
var na=$(this).text();
alert(na);
sheng1=na;
$("#shi").empty();
if(na=="河北省"){
var de=$("<option>石家庄</option>");
var de1=$("<option>廊坊</option>");
var de2=$("<option>沧州</option>");
var de3=$("<option>承德</option>");
var de4=$("<option>邯郸</option>");
var de5=$("<option>邢台</option>");
$("#shi").append(de,de1,de2,de3,de4,de5);
$("#shi option").click(function(){
var na=$(this).text();
alert(na);
shi1=na;
b4=true;
});
}else if(na==="四川省"){
var de=$("<option>成都</option>");
var de1=$("<option>重庆</option>");
var de2=$("<option>巴中</option>");
var de3=$("<option>遵义</option>");
var de4=$("<option>宜宾</option>");
var de5=$("<option>眉山</option>");
$("#shi").append(de,de1,de2,de3,de4,de5);
$("#shi option").click(function(){
var na=$(this).text();
alert(na);
shi1=na;
b4=true;
});
}
else if(na==="浙江省"){
var de=$("<option>宁波</option>");
var de1=$("<option>义乌</option>");
var de2=$("<option>丽水</option>");
var de3=$("<option>台州</option>");
var de4=$("<option>临安</option>");
var de5=$("<option>建阳</option>");
$("#shi").append(de,de1,de2,de3,de4,de5);
$("#shi option").click(function(){
var na=$(this).text();
alert(na);
shi1=na;
b4=true;
});
}else if(na==="河南省"){
var de=$("<option>安阳</option>");
var de1=$("<option>洛阳</option>");
var de2=$("<option>信阳</option>");
var de3=$("<option>南阳</option>");
$("#shi").append(de,de1,de2,de3);
$("#shi option").click(function(){
var na=$(this).text();
alert(na);
shi1=na;
b4=true;
});
}
b3=true;
});
$("#but").click(function(){
alert(b+" "+b1+" "+b2+" "+b3+" "+b4);
if(b&&b1&&b2&&b3&&b4){
var $tr=$("<tr></tr>");
var $td1=$("<td>"+name1+"</td>");
var $td2=$("<td>"+em1+"</td>");
var $td3=$("<td>"+tel1+"</td>");
var $td4=$("<td>"+sheng1+"</td>");
var $td5=$("<td>"+shi1+"</td>");
var $a=$("<a href='#'>删除</a>");
var $td6=$("<td></td>");
$td6.append($a);
$tr.append($td1,$td2,$td3,$td4,$td5,$td6);
$("tbody").append($tr);
$a.click(function(){
var s=window.confirm("确认删除");
if(s){
$tr.remove();
}else{
}
});
}else{
alert("条件不满足");
}
});
});
</script>
<style>
table{width: 500px; margin: auto; margin-top: 10px;}
span{margin-left: 70px;}
input{margin-left: 70px; margin-top: 10px;}
</style>
</head>
<body>
<span >姓名:</span><input id="name" type="text" /><br/>
<span>email邮箱:</span><input style="margin-left: 16px;" id="em" type="text" /><br/>
<span>电话:</span><input id="tel" type="text" /><br/>
<span>省:</span><select id="sheng" style="margin-left: 85px; margin-top: 10px;">
<option>河北省</option>
<option>河南省</option>
<option>浙江省</option>
<option>四川省</option>
</select><br/>
<span>城市:</span><select style="margin-left: 57px; margin-top: 10px;" id="shi">
</select><br/>
<input style="margin-left: 120px; " id="but" type="button" value="添加" />
<table border="1px" cellpadding="0px" cellspacing="0px">
<thead>
<th>用户名</th>
<th>email</th>
<th>电话</th>
<th>省份</th>
<th>城市</th>
<th>操作</th>
</thead>
<tbody>
</tbody>
</table>
$(function(){
var b=false;
var b1=false;
var b2=false;
var b3=false;
var b4=false;
var sheng1="";
var shi1="";
var name1="";
var tel1="";
var em1="";
$("#name").blur(function(){
var $name=$(this).val();
if($name!=null&&$name!=""){
name1=$name;
b=true;
}else{
b=false;
}
});
$("#tel").blur(function(){
var $name=$(this).val();
var num=/\d$/;
var s=num.test($name);
if(s&&$name.length==11){
tel1=$name;
b1=true;
}else{
b1=false;
}
});
$("#em").click(function(){
var $name=$(this).val();
if($name.match('@')){
em1=$name;
b2=true;
}else{
b2=false;
}
});
$("#sheng option").click(function(){
var na=$(this).text();
alert(na);
sheng1=na;
$("#shi").empty();
if(na=="河北省"){
var de=$("<option>石家庄</option>");
var de1=$("<option>廊坊</option>");
var de2=$("<option>沧州</option>");
var de3=$("<option>承德</option>");
var de4=$("<option>邯郸</option>");
var de5=$("<option>邢台</option>");
$("#shi").append(de,de1,de2,de3,de4,de5);
$("#shi option").click(function(){
var na=$(this).text();
alert(na);
shi1=na;
b4=true;
});
}else if(na==="四川省"){
var de=$("<option>成都</option>");
var de1=$("<option>重庆</option>");
var de2=$("<option>巴中</option>");
var de3=$("<option>遵义</option>");
var de4=$("<option>宜宾</option>");
var de5=$("<option>眉山</option>");
$("#shi").append(de,de1,de2,de3,de4,de5);
$("#shi option").click(function(){
var na=$(this).text();
alert(na);
shi1=na;
b4=true;
});
}
else if(na==="浙江省"){
var de=$("<option>宁波</option>");
var de1=$("<option>义乌</option>");
var de2=$("<option>丽水</option>");
var de3=$("<option>台州</option>");
var de4=$("<option>临安</option>");
var de5=$("<option>建阳</option>");
$("#shi").append(de,de1,de2,de3,de4,de5);
$("#shi option").click(function(){
var na=$(this).text();
alert(na);
shi1=na;
b4=true;
});
}else if(na==="河南省"){
var de=$("<option>安阳</option>");
var de1=$("<option>洛阳</option>");
var de2=$("<option>信阳</option>");
var de3=$("<option>南阳</option>");
$("#shi").append(de,de1,de2,de3);
$("#shi option").click(function(){
var na=$(this).text();
alert(na);
shi1=na;
b4=true;
});
}
b3=true;
});
$("#but").click(function(){
alert(b+" "+b1+" "+b2+" "+b3+" "+b4);
if(b&&b1&&b2&&b3&&b4){
var $tr=$("<tr></tr>");
var $td1=$("<td>"+name1+"</td>");
var $td2=$("<td>"+em1+"</td>");
var $td3=$("<td>"+tel1+"</td>");
var $td4=$("<td>"+sheng1+"</td>");
var $td5=$("<td>"+shi1+"</td>");
var $a=$("<a href='#'>删除</a>");
var $td6=$("<td></td>");
$td6.append($a);
$tr.append($td1,$td2,$td3,$td4,$td5,$td6);
$("tbody").append($tr);
$a.click(function(){
var s=window.confirm("确认删除");
if(s){
$tr.remove();
}else{
}
});
}else{
alert("条件不满足");
}
});
});
</script>
<style>
table{width: 500px; margin: auto; margin-top: 10px;}
span{margin-left: 70px;}
input{margin-left: 70px; margin-top: 10px;}
</style>
</head>
<body>
<span >姓名:</span><input id="name" type="text" /><br/>
<span>email邮箱:</span><input style="margin-left: 16px;" id="em" type="text" /><br/>
<span>电话:</span><input id="tel" type="text" /><br/>
<span>省:</span><select id="sheng" style="margin-left: 85px; margin-top: 10px;">
<option>河北省</option>
<option>河南省</option>
<option>浙江省</option>
<option>四川省</option>
</select><br/>
<span>城市:</span><select style="margin-left: 57px; margin-top: 10px;" id="shi">
</select><br/>
<input style="margin-left: 120px; " id="but" type="button" value="添加" />
<table border="1px" cellpadding="0px" cellspacing="0px">
<thead>
<th>用户名</th>
<th>email</th>
<th>电话</th>
<th>省份</th>
<th>城市</th>
<th>操作</th>
</thead>
<tbody>
</tbody>
</table>
阅读全文
0 0
- jQUery表单删除
- jquery动态添加表单删除表单
- jquery表单列表添加删除
- jQuery表单添加与删除..
- jquery表单验证提交删除
- jquery 删除div下重复的表单
- JQuery的表单的添加、删除
- 表单添加以及删除(jquery)
- jQuery表单验证添加数据删除数据
- 使用JQuery 表单动态添加和删除行
- jquery + php动态添加删除表单的方法
- jquery表单验证添加到表格再删除easyNew
- jquery表单
- jquery表单
- JQuery EasyUI表单-表单验证
- Jquery+CSS 自定义联想搜索框,带删除图标,多个form表单ajaxsbumit
- jquery制作具有添加与删除功能的表单(转载加修改)
- JQuery-form表单提交前验证、单选框是否选中、删除记录时验证经验总结
- VUE详细搭建过程(转)
- Java实训——创建一个窗体程序,实现简单的数学加、减法测试。
- NW温故而知新
- C++的类域、友元以及运算符重载
- 移动web页面,input获取焦点弹出系统虚拟键盘时,挡住input的解决方案
- jQUery表单删除
- 手把手教你下载微信公众号里的视频
- c++中友元函数
- Ubuntu 12.04 G++ Hello World 配置
- 在vue中引入jquery
- 分布式论文
- 因为数据库正在使用,所以无法获得对数据库的独占访问权---还原或删除数据库的解决方法
- Andrew Ng's deeplearning Course1Week4 Practice Questions(练习题)
- not attached to window manager