jsvalidation使用方法

最新推荐文章于 2021-08-14 09:54:12 发布
最新推荐文章于 2021-08-14 09:54:12 发布
阅读量1k 收藏
点赞数
分类专栏： 2_javaee 文章标签： div javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tengdazhang770960436/article/details/7068643
版权

Jsvalidation-文字组件的验证应用的方法:

 

首先要把jsvalidation的文件给拷贝得到webroot下面然后就对文件进行配置就可以用了.

 

配置位置:

1.配置验证的工程目录validation-framework.js的var ValidationRoot = "/MessageBook/js/";

把MessageBook替换为自己的创建的工程的名字

 

2.配置错误的提示方式和被用于提示的form名称validation-config.xml中的<form id=”” show-error=”” show-type=””>

这个地方是配置提示的显示的格式的,id代表的是那个你要验证的form的名字,而show-error则是你的提示的额方式,可以是用提示框来提示,也可以用一个隐藏的div来提示,不过div的名字必须要写成error,而且在你调用验证的页面也需要加入一个name为error的div,至于div里面的标签的属性就由自己来定了,在对具体的每个标签进行验证的时候还要注意不同的标签使用不同的验证,文本框用文本框的验证,密码框就用密码框的验证

<depend name="required"/>

<depend name="commonChar" />

 

3.在需要加入验证的页面引入验证的页面位置,这个地方要在需要进行验证的页面的<head>标签内部引用javascript来把这个引用给加进来<scripttype="text/javascript"src="/MessageBook/js/validation-framework.js"></script>

 

4.在需要加入验证的form中加入验证的引用,οnsubmit="return doValidate(this)"

 

5.如果有多个需要进行验证的form那么就要在validation-config.xml配置文件中把需要进行验证的form全部的都配置进来就行了.

信行合一
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jsvalidation(一个前台表单内容有效性验证框架)
12-04
JSValidation是客户端表单有效性验证框架,主要包含2个js文件validation-config.xml和validation-framework.js,使用时通过在validation-config.xml中配置需要验证的form的id进行相应的验证.资源中包含本人测试成功后所写的使用方法并附加了测试案例,该案例可直接部署在toncat等web服务器中运行.
JavaScript Validation Framework(JSValidation)用户手册
有志者，事可成
11-27 4855
 1. JSValidation是什么？如首页所说，JSValidation是客户端表单验证框架，用在BS系统中，或者简单的网页系统中。表单验证在这些开发中很常见：新用户注册，需要校验某些字段；用户登陆，需要校验；等等。在这之前，页面开发者（JavaScript开发者）需要编写大量的JavaScript来与表单对象交互，并进行校验。常见的校验如不能为空，必须满足长度要求，必须为数字，必须为Em
JsValidation用法
彻底拆分，一切可控！
12-05 1127
Jsvalidation-文字组件的验证应用的方法:   首先要把jsvalidation的文件给拷贝得到webroot下面然后就对文件进行配置就可以用了.   配置位置: 1.配置验证的工程目录 validation-framework.js的var ValidationRoot = "/MessageBook/js/"; 把MessageBook替换为自己的创建的工程的名字
JavaScript|验证API
Alan_Lowe
08-14 362
JavaScript|验证API 1.checkValidity()方法和validationMessage 使用checkValidity()方法可以检查输入的合法性，使用validationMessage可以查看输入的错误提示信息： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>验证API</title> <scr
JS表单校验插件Validation
仙女的博客
11-16 1493
1、首先先去validation官网下载：https://jqueryvalidation.org/ 2、进入到官网主页后，下拉找到download，点击 3、点击download后，跳转到GitHub界面，下拉找到jquery-validation-1.19.1.zip，点击就开始下载了。 4、下载完后你就会得到下面的这样的一个文件夹： 5、我们需要用的是两个文件： 第一个...
jsvalidation使用指南
01-16
jsvalidation使用指南，web开发使用
jsvalidation使用实例
05-02
通过这个例子大家可以很好的对jsvalidation的理解
jsvalidation
09-27
这是jsvalidation-1_0b4版本，下载自官方，本人未做任何修改。jsvalidation是由国人写的一款纯js实现的验证框架，可直接放到jsp页面中，然后在它的xml中配置之后，即可，很好用。
jsvalidation验证框架的使用
05-20
该文档描述了jsvalidation验证框架的使用方法和细节。
jsvalidation-validation-framework.rar_jsvalidation
最新发布
09-23
jsvalidation验证框架，网上不好找，故在这里提供大家使用
jsvalidation 强大而灵活的表单客户端验证框架
02-01
JSValidation是强大灵活的客户端验证框架。在应用服务器或者开发框架不提供验证的情况下，例如，普通的JSP, ASP, PHP等开发，以及一些不提供验证支持的开发框架，如Tapestry, Velocity等，JSValidation提供了一种灵活的解决方案。与其他验证方式相比，它最大的优点在于独立与易于集成。纯JavaScript结构，可以很容易的集成到现有的应用中而不论现有的应用是基于什么语言。将所有的表单验证集中管理，使得维护应用更加容易。简便的XML配置，易于扩充的验证方式（目前支持13种验证，囊括了大部分常用表单验证），使得JSValidation成为验证框架的首选。 <br>1. JSValidation是什么？<br>如首页所说，JSValidation是客户端表单验证框架，用在BS系统中，或者简单的网页系统中。表单验证在这些开发中很常见：新用户注册，需要校验某些字段；用户登陆，需要校验；等等。在这之前，页面开发者（JavaScript开发者）需要编写大量的JavaScript来与表单对象交互，并进行校验。常见的校验如不能为空，必须满足长度要求，必须为数字，必须为Email等等。根据一般的经验，如果表单中需
JSValidation
08-13
JSValidation验证控件 方便大家下载
js-validation
05-12
js-validation验证框架 ，是web开发中进行输入验证的组件
jsvalidate 强大的js验证框架
11-22
jsvalidate 强大的js验证框架
Javascript 验证Validator.js 使用全解(转载)
wky_i的专栏
09-09 4516
文件Validator.js Validator={  Require : /.+/,  Email : /^\w+([-+.]\w+)*@\w+([-.]\\w+)*\.\w+([-.]\w+)*$/,  Phone : /^((\(\d{3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}$/,  Mobile : /^((
jquery.validation.js 表单验证
不忘初心，方得始终
07-06 7511
官网地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuery plugin: Validation 使用说明   一导入js库   二、默认校验规则 (1)required:true                必输字段 (2)remote:"check.php"      
jsvalidation_脚本实例_
09-30
A Validation based on the Prototype form Validation plug-in
jquery.validation.unobtrusive.js
12-03
在原始库的基础上增加多校验提示框支持。如下： <html> <head> <title>validation test</title> <style type="text/css"> .icon-ok { background: url(./images/icon-ok.png) no-repeat center; width: 16px; height: 16px; display: inline-block; } .icon-error { background: url(./images/icon-error.png) no-repeat center; width: 16px; height: 16px; display: inline-block; } .icon-indicator.field-validation-valid { background: url(./images/icon-ok.png) no-repeat center; width: 16px; height: 16px; display: inline-block; } .icon-indicator.field-validation-error { background: url(./images/icon-error.png) no-repeat center; width: 16px; height: 16px; display: inline-block; } .field-validation-error { font-size: small; color: #f00; } </style> <script src="./js/jquery.min.js"></script> <script src="./js/jquery.validate.js"></script> <script src="./js/jquery.validate.unobtrusive.js"></script> </head> <body> <form action="test.do" method="POST" novalidate="novalidate"> <div> <input type="text" id="name" name="name" placeholder="请输入名字！" data-val-required="请输入名字！" data-val="true"/> <span class="icon-indicator" data-valmsg-replace="false" data-valmsg-for="name"></span> <span class="field-validation-valid" data-valmsg-replace="true" data-valmsg-for="name"></span> </div> <div> <input type="text" id="mobile" name="mobile" placeholder="请输入手机！" data-val-required="请输入手机！" data-val="true"/> <span class="field-validation-valid" data-valmsg-replace="true" data-valmsg-for="mobile"></span> </div> <input type="submit" value="提交"/> <input type="reset" value="重置"/> </form> </body> </html>
validation-framework.js
05-05
该js经过修改后 非空验证，增加了全是空格的验证。很实用的（非空验证，考虑了全是空格的情况）

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值