表单验证,定位到第一个错误提示的地方

最新推荐文章于 2022-07-09 10:41:48 发布

原创最新推荐文章于 2022-07-09 10:41:48 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #数据库 #ViewUI

js 同时被 3 个专栏收录

27 篇文章

订阅专栏

jquery

4 篇文章

订阅专栏

代码模块

1 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript实现锚点定位及页面跳转功能，通过过滤并获取特定类名的元素，找到非空内容的第一条提示信息，并依据其ID实现页面的精确跳转。

//js锚点定位

//定位到第一个错误提示的地方

//定位到第一个验证提示的地方

//查找所有class为tip，且内容不为空的元素

//$(".tip").filter(function(){return $.trim($(this).text()) != ""}) 返回集合;

function  toFirstTip(){ 
   //  alert($(".tip").filter(function(){return $.trim($(this).text()) != ""}).size());
    if($(".tip").filter(function(){return $.trim($(this).text()) != ""}).size()>0){
       var firstTip=$(".tip").filter(function(){return $.trim($(this).text()) != ""}).eq(0);
       var firstTipId=firstTip.attr("id");
      if( $.trim(firstTipId)==""){
        firstTipId="firstTip";
        $(".tip").filter(function(){return $.trim($(this).text()) != ""}).eq(0).attr("id",firstTipId); 
      }
      $("#"+firstTipId).closest(".wrappedTables").css("display","block");
      window.location.href="#"+firstTipId;
    }
}