首页

源码搜藏网

首页 > 网页特效 > TAB表单 >

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

创建时间:2014-08-04 08:22  

jquery表单文本框添加文字标签
jquery表单文本框添加文字标签
效果预览 立即下载

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>

上一篇:css3动态图标选项卡菜单
下一篇:CSS3可自动输入登录表单动画

相关内容

热门推荐