您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > TAB表单 >

    jquery表单文本框添加文字标签

    时间:2014-08-04 08:22 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印
    效果预览 进入下载地址列表

    jquery表单文本框添加文字标签jquery表单文本框添加文字标签是一款基于jquery实现的表单text文本框回车添加文字标签拖动,可调顺序。jQuery文字标签表单可拖动

    <script>
      $(function(){ 
          $(".sanjiao").click(function(){ $(this).parent().find("ul").toggle();   })
         $(".iise li ul").hide()
     
     $(".i_iop").focus(function(){     $(this).parent().parent().find("td:eq(2) .did").fadeIn();  })
     $(".i_iop").blur(function(){     $(this).parent().parent().find("td:eq(2) .did").fadeOut(1);  }) 
             
     $(".i_inp .ipva").focus(function(){ $(this).parent().parent().parent().find("td:eq(2) .did").fadeIn();  })
         $(".i_inp .ipva").blur(function(){ $(this).parent().parent().parent().find("td:eq(2) .did").fadeOut(1);  })
     
     
       })

    function submitbt(){
    if($(".i_iop:eq(0)").val() == ""){
     $(".i_iop:eq(0)").focus();
     $(".i_iop:eq(0)").parent().parent().find("td:eq(2) table.did tr:eq(1) td:eq(1)").html("<span style='color:#f00;' >此项内容为必填,不能为空。</span>")  
    }
     $(".i_iop:eq(0)").blur(function(){    $(this).parent().parent().find("td:eq(2) table.did tr:eq(1) td:eq(1)").html("主标题")    }) 
     

    </script>

    jquery表单文本框添加文字标签由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/tab/9906.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!