zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    批量修改Linux文件夹下所有文件大小写
    如何使用malloc申请一个二位数组
    CenOS 配置C/C++语言
    C++类定义,.h文件与.cpp文件之间的关系以及条件编译
    Error while building/deploying project...When executing step "qmake"——Qt Creator快速排错
    Hello World!
    HDU1262:寻找素数对
    NOIP1998复赛:2的幂次方表示
    HDU1002 : A + B Problem II
    Open Judge2748:全排列
  • 原文地址:https://www.cnblogs.com/sweet521/p/5649738.html
Copyright © 2011-2022 走看看