html前台validation的使用,表单提交验证

地址  http://jqueryvalidation.org/

一、用法

if($("#conditionform").validationEngine({

validateNonVisibleFields:true,
promptPosition:'topLeft'

}).validationEngine('validate')){

//can  submit

}


//

validate[required,custom[number]]

二、需要引用的jquery库

<link th:href="@{/static/css/validation/validation.css}" rel="stylesheet" type="text/css" href="@{/static/css/validation/validation.css}" />
<script type="text/javascript" th:src="@{/static/js/core/validation/jquery.validation-zh_CN.js}"></script> 
<script type="text/javascript" th:src="@{/static/js/core/validation/jquery.validation.js}"></script>

三、特殊用法

<input id="yanmv3" type="text" value=""
class="vh validate[custom[logincode]]" />

if(cks3 == 0){
$("#yanmv3").val('wrong');
$.validationEngineLanguage.allRules.logincode.alertText = "此输入项为必输项";
}else{
$("#yanmv3").val('');//这为空,下面的语句执行就会通过验证
}

$("#npcSuggestionForm")
.validationEngine("detach")
.validationEngine({
validateNonVisibleFields:true,
promptPosition:'topLeft'
})
.validationEngine('validate');

四、一些其它,,,

<head th:fragment="validation">
<link th:href="@{/static/css/validation/validation.css}" rel="stylesheet" type="text/css" href="@{/static/css/validation/validation.css}" />
<script type="text/javascript" th:src="@{/static/js/core/validation/jquery.validation-zh_CN.js}"></script> 
<script type="text/javascript" th:src="@{/static/js/core/validation/jquery.validation.js}"></script>
</head>

so  路径/文件名 :: fragment

<head th:include="fragment/webCommon :: validation"></head>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值