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的更多相关文章

  1. JQuery阻止表单提交的方法总结 - 使用onsubmit()验证表单并阻止非法提交

    方法1:<form onsubmit="javascript:confirm()"> 方法内返回false阻止表单提交 示例:代码检测textarea内填写的长度,未填 ...

  2. jquery.form.js(ajax表单提交)

    Form插件地址: 官方网站:http://malsup.com/jQuery/form/ 翻译地址:http://www.aqee.net/docs/jquery.form.plugin/jquer ...

  3. js阻止表单提交

    <!DOCTYPE html><html><head>    <title>Simple Login Form</title>    < ...

  4. form表单验证失败,阻止表单提交

    form表单验证失败,阻止表单提交 效果演示: 贴上完整代码: <!DOCTYPE html> <html lang="en"> <head> ...

  5. onsubmit阻止表单提交

    在实际开发中往往会遇到检查表单数据的合法性,如果数据不合法,就不让其提交. <!DOCTYPE html> <html> <head> <meta chars ...

  6. JavaScript控制阻止表单提交

    1.在表单上使用onSubmit方法 <?php $form = ActiveForm::begin([ 'options'=>[ 'class' => 'form-horizont ...

  7. jsp——js事件修改属性样式的两种方法(直接赋值、修改属性)、验证表单符合某要求、阻止表单提交、告诉浏览器不要缓存

    代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncodi ...

  8. 利用JS 阻止表单提交

    情景一:不存在Ajax异步操作 1 使用背景:会议室预定管理系统中,当表单提交的时候需要验证预约的时间是否符合预定规则(不需要通过访问服务器),否则提示错误信息,阻止表单提交. 2 相关技术点: fo ...

  9. Javascript阻止表单提交

    Javascript阻止表单提交 Html 1.<form name="loginForm" action="login.aspx" method=&qu ...

随机推荐

  1. 04-2winPE里面下载系统并安装系统教程

    winPE里面下载系统并安装系统教程 首先需要注意的是,你已经使用 装机助理 工具制作好U盘启动盘,通过电脑功能键进入PE界面(不同型号的电脑进入PE界面的功能键不同,根据不同搜索属于她的功能键): ...

  2. 用nw.js开发markdown编辑器-已完成功能介绍

    这里文章都是从个人的github博客直接复制过来的,排版可能有点乱. 原始地址 http://benq.im/2015/10/29/hexomd-introduction   文章目录 1. 功能列表 ...

  3. Atitit.java swing打印功能 api  attilax总结

    Atitit.java swing打印功能 api  attilax总结 1. 打印方式有三种:2 1.1. 一是不经过任何修改,直接调用javascript中的window.print()打印.2 ...

  4. Xilinx-7Series-FPGA高速收发器使用学习—概述与参考时钟篇

    xilinx的7系列FPGA根据不同的器件类型,集成了GTP.GTX.GTH以及GTZ四种串行高速收发器,四种收发器主要区别是支持的线速率不同,图一可以说明在7系列里面器件类型和支持的收发器类型以及最 ...

  5. proxy_redirect参数的作用

    Nginx的代理功能太完善了,我们看看proxy_redirect参数的作用. 案例说明: 要做一个html.aslibra.com的域名处理很多网站的html内容,当然是后端的服务器了,目录分析 h ...

  6. netty通用解码器LengthFieldBasedFrameDecoder

    2.2.4. LengthFieldBasedFrameDecoder解码器 了解TCP通信机制的读者应该都知道TCP底层的粘包和拆包,当我们在接收消息的时候,显示不能认为读取到的报文就是个整包消息, ...

  7. ListView中pointToPosition()方法使用具体演示样例

    MainActivity例如以下: package cc.testpointtoposition; import java.util.ArrayList; import java.util.HashM ...

  8. ES6 学习笔记 (1)

    笔记来源:廖雪峰老师的javascript全栈教程 ES6:JavaScript的标准,ECMAScript在不断发展,最新版ECMAScript 6标准(简称ES6)已经在2015年6月正式发布了, ...

  9. golang解析xml

    解析xml标签或者html标签,都是xml文档格式.要是返回的html标签,可以用第三方依赖库goquery来解析. 下面说下,解析xml标签的格式.直接上代码,代码如下: package main ...

  10. setTimeout里无法调用鼠标事件的event

    问题的由来是下面这段代码: middleOnmouseLeave: function (event) { setTimeout(function () { event.currentTarget.st ...