您的位置：首页 > Web前端 > HTML

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

2014-12-29 17:30 176 查看

地址 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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航