`
zhouchaofei2010
  • 浏览: 1106547 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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

 
阅读更多

//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;
    }
}

 

分享到:
评论

相关推荐

    js前端表单验证

    总的来说,JS前端表单验证是一个涉及多方面技术的综合应用,包括DOM操作、事件处理、正则表达式、自定义函数以及第三方库的使用。理解并熟练掌握这些知识点,能够帮助开发者构建出更健壮、更易用的前端表单。

    jQuery 表单验证插件

    jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)...

    jQuery formValidator表单验证插件示例源码

    jQuery formValidator表单验证插件示例源码 jQuery formValidator表单验证插件是什么? jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的...

    javascript弹出层表单提交代码

    5. **表单验证**:在用户填写完表单后,需要验证输入的数据是否有效。这可以通过监听表单的`submit`事件,然后在事件处理函数中执行验证逻辑来实现。例如,可以检查必填字段是否为空,邮箱格式是否正确等。 6. **...

    jQuery formValidator表单验证插件开源了!!含API帮助、源码、示例

    第一种:文字提示(showword模式);第二种:弹出窗口提示(showalert模式) 支持多个校验组。如果一个页面有多个提交按钮,分别做不同得提交,提交前要做不同的校验,所以你得用到校验组的功能。 支持4种状态的信息...

    Asp.net Mvc表单验证气泡提示效果

    在提供的示例代码中,第一步是创建一个名为jquery.validate.Bubble.js的JavaScript文件,这个文件将用于添加自定义的验证处理逻辑。通过遍历所有表单,找到带有验证类的表单元素,然后将错误信息和相关输入字段包裹...

    简单,熟练和通用的Web表单验证

    理解这些元素的属性和用法是构建表单验证的第一步。 2. **CSS样式设计**:CSS用于美化和布局表单,包括错误提示的样式设计,使用户界面更加吸引人且易于理解。例如,可以使用CSS为必填字段添加星号,或者当用户输入...

    弹出层表单提交数据完美解决

    提供清晰的表单反馈,如错误提示、必填项标记等,以提高用户填写的准确性。此外,考虑使用即时验证,即在用户输入时立即检查数据的有效性。 总结来说,实现弹出层表单提交数据完美解决,需要关注表单的设计、数据...

    用户提交表单插件

    第三个参数是错误提示信息。 4. **错误消息定位** 插件提供了一种方便的方式来显示错误消息,可以设置错误消息元素的位置,如在表单元素之后显示: ```javascript $("#myForm").validate({ errorPlacement: ...

    validate 通用Ajax无刷新表彰验证类

    1. **实时验证**: validate类的核心特性是能够实时监测用户在表单中的输入,一旦检测到不符合规则的输入,立即显示错误提示,让用户在输入过程中就能发现问题并及时修正。 2. **Ajax无刷新验证**: 传统的表单验证...

    Js 表单验证大全

    当用户在文本框内输入的文字长度超过50个字符时,会弹出警告框提示用户,并将焦点定位到文本框,阻止表单提交。 - **`document.a.b.value.length`**:获取文本域中的内容长度。 - **`alert("不能超过50个字符!");`*...

    EBS交叉验证规则

    若检测到无效组合,系统会显示一条诊断错误消息,并将光标置于第一个疑似问题段,以便用户修正错误。 #### 六、交叉验证与现有组合的关系 对于在定义交叉验证规则时就已经存在的组合,规则不会产生任何影响。这...

    三款jQuery表单验证申请代码

    jQuery可以轻松实现这些验证,通过绑定`submit`事件,检查每个字段的值,并根据需求添加错误提示。 第二,企业信息填写表单可能包含更多的字段,如公司名称、地址、联系方式等。验证时,我们不仅要确保所有必填字段...

    第34章 项目1-博客前端:封装库--注册验证[10]1

    CSS代码则定义了这些错误提示的定位。 接着,JavaScript代码扮演了核心角色,它监听表单的提交事件,并执行一系列的验证函数。`flag`变量用于追踪验证是否成功,初始值为`true`。当任一验证失败时,将`flag`设置为`...

    JavaScript操作表单实例讲解(上)

    这在进行表单验证时非常有用,可以用来提示用户错误信息或者使用户能够立即修改输入内容。 以上内容为我们提供了关于如何使用JavaScript操作表单的基础知识。这些操作是实现动态表单验证、数据处理以及提高用户交互...

    改造matrix admin模版后台 基础表单(六)

    8. **错误提示与反馈**:为用户提供清晰的错误提示至关重要。当用户输入无效数据时,应即时显示错误信息,并明确指出问题所在。这可以通过CSS定位和JavaScript动态添加元素实现。 9. **表单状态管理**:表单可能有...

    JQuery表单美化,非常漂亮,测试好用

    结合jLook的美化效果,我们可以创建既美观又实用的表单验证机制,如实时校验、错误提示等,确保用户输入的数据符合规定格式。 综上所述,JQuery在表单美化方面具有强大的能力,而"jLook(表单美化)"这一工具则进一步...

    第34章 项目1-博客前端:封装库--注册验证[5]1

    2. 表单验证的逻辑复杂,需要处理多个输入字段的校验,而这些校验可能有相互依赖的关系。 3. 保持良好的用户体验,错误提示应清晰且及时。 针对这些问题,我们可以通过编写JavaScript代码来实现一个优雅的解决方案...

    AutomaticPost_表单_visualbasic_

    这个“AutomaticPost_表单_visualbasic_”项目显然旨在创建一个自动化工具,帮助用户快速、准确地填充并提交网络表单,从而减少手动操作的时间和错误。 在VB6中,实现这一目标的关键技术包括以下几个方面: 1. **...

    JQuery验证框架

    此回调函数接收两个参数:第一个是`event`对象,第二个是`validator`对象。利用这两个参数,可以在验证失败时采取相应的措施,例如提示用户哪些字段未通过验证。 ```javascript $(".selector").validate({ ...

Global site tag (gtag.js) - Google Analytics