Jquery添加元素append及阻止表单提交submit
HTML代码:
<td><input name="duration[]" value="" type="text" /></td>
<td>
<a href="javascript:;" class="low">-</a>
<a href="javascript:;" class="add">+</a>
</td>
Jquery添加元素append
<script>
function show(){
$('.add').unbind();
$('.low').unbind();
$('.add').click(function(){ // 加好;
var html=$(this).closest('tr').html();
var str='<tr class="tr">'
str+='<td><input name="material[]" type="text" /></td>'
str+='<td><input name="size[]" type="text" /></td>'
str+='<td><input name="membrane[]" type="text" /></td>'
str+='<td><input name="angle[]" type="text" /></td>'
str+='<td><input name="moq[]" type="text" /></td>'
str+='<td><input name="price[]" type="text" /></td>'
str+='<td><input name="duration[]" type="text" /></td>'
str+='<td><a href="javascript:;" class="low">-</a><a href="javascript:;" class="add">+</a></td>'
str+='</tr>'
$('.tbody').append(str);
// $(this).remove();
show();
})
$('.low').click(function(){ // 剑豪
if($('.tbody tr').length > 1){
$(this).parents('tr').remove();
}
})
}
show();
</script>
阻止表单提交submit(#submit是form的ID)
<script>
$('#submit').submit(function(){
bool=true;
$(".tbody input").each(function(){
var src=$(this).val();
if(src==''){
bool=false;
}
})
if(bool==false){
alert('请完成名片信息');
return false;
}
})
bind绑定方法(.sub-btn是input的类名)
<script type="text/javascript">
$(function(){
$(".sub-btn").bind("click",function(event){
var name = $(".name").val(); //获取元素的值
if(name==""){ //判断值是否为空
alert('名片名不能为空'); //提示信息
return false;
}
})
})
</script>
</script>
Jquery添加元素append及阻止表单提交submit的更多相关文章
- JQuery阻止表单提交的方法总结 - 使用onsubmit()验证表单并阻止非法提交
方法1:<form onsubmit="javascript:confirm()"> 方法内返回false阻止表单提交 示例:代码检测textarea内填写的长度,未填 ...
- jquery.form.js(ajax表单提交)
Form插件地址: 官方网站:http://malsup.com/jQuery/form/ 翻译地址:http://www.aqee.net/docs/jquery.form.plugin/jquer ...
- js阻止表单提交
<!DOCTYPE html><html><head> <title>Simple Login Form</title> < ...
- form表单验证失败,阻止表单提交
form表单验证失败,阻止表单提交 效果演示: 贴上完整代码: <!DOCTYPE html> <html lang="en"> <head> ...
- onsubmit阻止表单提交
在实际开发中往往会遇到检查表单数据的合法性,如果数据不合法,就不让其提交. <!DOCTYPE html> <html> <head> <meta chars ...
- JavaScript控制阻止表单提交
1.在表单上使用onSubmit方法 <?php $form = ActiveForm::begin([ 'options'=>[ 'class' => 'form-horizont ...
- jsp——js事件修改属性样式的两种方法(直接赋值、修改属性)、验证表单符合某要求、阻止表单提交、告诉浏览器不要缓存
代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncodi ...
- 利用JS 阻止表单提交
情景一:不存在Ajax异步操作 1 使用背景:会议室预定管理系统中,当表单提交的时候需要验证预约的时间是否符合预定规则(不需要通过访问服务器),否则提示错误信息,阻止表单提交. 2 相关技术点: fo ...
- Javascript阻止表单提交
Javascript阻止表单提交 Html 1.<form name="loginForm" action="login.aspx" method=&qu ...
随机推荐
- c#上一周下一周代码
public partial class Form1 : Form { DateTime dtNow; public Form1() { InitializeComponent(); } privat ...
- git merge rebase的区别及应用场景
前两天和同事交流发现他在日常开发中跟上游保持同步每次都是用git pull操作,而我一直习惯git fetch然后rebase,发现这两种操作后的log是有些区别的.他每次pull操作之后都会自动生成 ...
- springboot学习(七) 使用JdbcTemplate
1.对内嵌数据库的支持 内嵌数据库通常用于开发和测试环境,不推荐用于生产环境.Spring Boot提供自动配置的嵌入式数据库有H2.HSQL.Derby,你不需要提供任何连接配置就能使用. 例子: ...
- 转:SQL2008 UNPIVOT 列转行示例
CREATE TABLE pvt (VendorID int, Emp1 int, Emp2 int, Emp3 int, Emp4 int, Emp5 int); GO INSERT INTO pv ...
- 初识Quartz(三)
本文将介绍CronTrigger的使用方法,CronTrigger相比 SimpleTrigger可以支持更复杂的作业计划.cron这一观念来自UNIX,在UNIX中,cron是一个运行于后台的守护程 ...
- Crypto++库安装、测试
项目中需要使用到C++加密解密库,选择了Crypto++这个开源库,于是先安装并写一个小例子试试 一.下载 网址:http://www.cryptopp.com/#download 二.打开项目 下载 ...
- 基于C#的超市收银管理系统
基于C#的超市收银管理系统 前序 一直在忙学习Qt有关的知识,非常有幸这学期学习了C#.让我也感觉到了一丝欣慰,欣慰的是感觉好上手啊,学了几天顿时懂了.好多控件的使用方法好类似,尽管平时上课没有怎么认 ...
- CentOS卸载系统自带的OpenJDK
查看目前系统的jdk: rpm -qa | grep jdk 得到的结果: $ rpm -qa | grep jdk java-1.6.0-openjdk-1.6.0.0-1.45.1.11.1.el ...
- Java并发编程(二)为什么需要多线程
如果不考虑多线程的话,那么在程序只有一条执行路径,代码串行执行:顺序执行.选择或者循环.单线程就像你用你惯常的手去写字,多线程编程就要求你左手画圆,右手画方.一不留神就会手忙脚乱,圆不是圆,方也不像方 ...
- 我的 Android 开发实战经验总结
我的 Android 开发实战经验总结 字数4440 阅读5137 评论43 喜欢250 曾经一直想写一篇总结 Android 开发经验的文章,预计当时的我还达不到某种水平,所以思路跟不上,下笔又捉襟 ...