• 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>

  • 相关阅读:
    css background详解
    Javascript DOM 编程艺术:ENHANCING CONTENT
    Javascript DOM 编程艺术:创建一个简单的gallery
    js prototype
    Javascript DOM 编程艺术:优雅降级
    php solutions:创建画廊
    Javascript DOM 编程艺术: popUp
    Javascript DOM 编程艺术:Creating Markup on the Fly
    转:Node和Element的区别
    javascript语言精粹:函数
  • 原文地址:https://www.cnblogs.com/sweet521/p/5649738.html
Copyright © 2020-2023  润新知