`
zhxp791008
  • 浏览: 31979 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

利用validator.js完成必填内容的红"*"提示

阅读更多
在js中用Validator.Validate($("form1"),3)进行验证.
同时有必填的内容后也要用红"*"进行标识.
1种方法.在必填的输入框后加入红"*",工作量大.难维护.
2种方法.在window的onload事件中加入Validator.Validate($("form1"),4);
完成所有页面的修改.
当然修改下validator.js的代码,将提示的CSS改下(改成小红**)就可以了.
分享到:
评论

相关推荐

    bootstrapvalidator

    然后,下载或通过CDN链接引入BootstrapValidator的CSS和JS文件。例如,对于`bootstrapvalidator-0.5.2`版本,你需要在HTML文件中添加相应的引用。 2. **基本配置**:在HTML表单元素中,你可以通过`data-*`属性来...

    前端项目-nice-validator.zip

    2. **定义规则**:在JavaScript中,你可以为每个表单字段定义验证规则,例如`required`(必填)、`email`(邮箱格式)等。 3. **绑定验证**:将验证规则与表单元素关联,当用户提交表单时,nice-validator会自动...

    parsley.js验证

    1. **错误提示**:Parsley会自动将错误消息插入到相应的输入元素附近。 2. **自定义错误元素**:可以通过`data-parsley-errors-container`指定错误消息的容器。 3. **错误触发时机**:可以配置Parsley在何时显示错误...

    validator.rar

    3. **错误提示**:当输入不符合验证条件时,Validator可以显示错误消息,指导用户如何正确填写。 4. **非侵入式**:许多Validator库设计为非侵入式的,这意味着它们可以轻松地添加到现有的HTML表单中,无需大规模...

    Javascript Validator

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责处理客户端的交互和动态内容。在网页设计中,JavaScript验证是必不可少的一环,它能够确保用户在提交表单时输入的数据符合预设的规则,减少...

    jQuery.validate.js表单验证及API

    3. **显示和隐藏错误提示**:使用`.error()`和`.success()`方法控制错误元素的显示和隐藏。 总结,jQuery.validate.js为开发者提供了强大且灵活的表单验证解决方案,通过其丰富的API和自定义功能,可以满足各种复杂...

    bootstrap验证插件

    3. **自定义提示**:可以自定义错误消息,以符合项目需求和品牌风格。 4. **多语言支持**:内置多种语言,可轻松切换,满足国际化需求。 5. **验证规则丰富**:包括但不限于必填、电子邮件、数字、URL、长度限制等。...

    BOOTSTRAP VALIDATOR 源码下载

    4. **错误提示**:Bootstrap Validator与Bootstrap的样式兼容,可以方便地显示美观的错误提示信息。错误消息可以通过`data-message`属性设置。 5. **实时验证**:插件可以实现输入时的实时验证,提供即时反馈,提升...

    我佛山人Validator3.0

    3. **错误提示**:当验证失败时,Validator3.0会生成易于理解的错误消息,并将这些消息显示给用户,帮助他们了解如何修正输入。 4. **异步验证**:对于需要服务器验证的情况,如检查用户名是否已存在,Validator3.0...

    jquery 表单校验的插件formValidator4.01

    2. **初始化插件**:在文档加载完成后,使用`$.validate()`或`$.validator.method`方法对表单进行初始化,并设置相应的验证规则。 3. **配置验证规则**:通过`.rules('add')`方法为表单元素添加验证规则,如`...

    bootstrapvalidator是一款简单实用的Bootstrap3表单验证jQuery插件

    这款插件利用HTML5的数据属性(data attributes)来设定验证规则,使得开发者无需编写大量JavaScript代码就能完成各种验证需求。以下是关于BootstrapValidator的详细知识点: 1. **数据属性设定验证规则**: ...

    bootstrap、bootstrapValidator和jquery相关的部分js和css

    这个压缩包包含了与Bootstrap、BootstrapValidator以及jQuery相关的部分JavaScript和CSS文件,这些都是前端开发中不可或缺的工具。 Bootstrap框架提供了丰富的组件,如栅格系统、导航、下拉菜单、按钮、表单、模态...

    jquery-validation-1.8.0.zip

    2. **规则定义**:通过`rules()`方法为表单元素添加验证规则,如`$("#element").rules("add", {required: true})`表示该字段为必填。 3. **错误消息**:使用`messages()`方法自定义错误提示,如`$("#element")....

    Jquery Form Validator

    - **错误提示**:配置错误提示的方式,如显示位置、样式、消息内容等,可以通过插件的API进行调整。 - **事件监听**:使用`onSuccess`、`onError`等事件回调函数,可以自定义验证成功或失败后的操作。 - **异步...

    js验证大全,各种验证,很方便,很实用

    - **明确的错误提示**:验证失败时,提供清晰、具体的错误信息。 - **用户体验**:验证过程应尽量不影响用户体验,避免阻塞交互。 - **安全性**:即使进行了前端验证,后端仍需进行验证以保证数据安全。 在“js...

    js表单验证

    7. **错误提示**:验证失败时,不仅要阻止表单提交,还需要向用户提供明确的错误信息,指导他们如何正确填写。这可以通过修改元素的样式,显示警告图标或弹出对话框等方式实现。 在压缩包中的"api"文件夹可能包含...

    sui表单验证框架

    3. **错误提示**:当验证失败时,sui框架能提供友好的错误提示。开发者可以自定义错误消息,并控制其显示位置和样式,提升用户体验。 4. **异步验证**:除了基本的同步验证,sui还支持异步验证,如通过Ajax发送请求...

    jquery表单验证特效.zip

    4. **错误提示**:`jQuery Validate`插件提供了一套完整的错误提示系统,可以自定义错误消息的显示位置和样式。错误消息可以通过`errorPlacement`函数来控制,例如,将其放置在输入元素旁边。 5. **表单提交阻止与...

    jQuery验证控件jquery.validate.js使用说明+中文API

    **jQuery验证控件jquery.validate.js使用说明** jQuery validate插件是一款功能强大的客户端表单验证工具,它能够帮助开发者轻松地实现对HTML表单的验证,提高用户体验,避免无效或错误的数据提交到服务器。该插件...

    大三学习bootstrap的web作业电商注册页面.rar

    Bootstrap提供了一些内置的表单验证样式,可以通过JavaScript插件实现,例如,当用户未填写必填字段或输入格式错误时,表单元素会显示警告提示。 5. **自定义样式**: 虽然Bootstrap提供了一套预设的样式,但为了...

Global site tag (gtag.js) - Google Analytics