jq裏驗證插件的自定義方法Jquery.validator.addMethod()示例

阿新 • • 發佈：2017-11-13

placement ans rem 提示 .html orm turn comm char

最近寫驗證的時候感覺原生的驗證謝了一遍又一遍，就想到了“不要重復造輪子，學會管理自己的工具庫”這句名言，於是嘗試用jq的validator。用過又發現需要自定義方法去驗證，於是去查官網，寫了Jquery.validator.addMethod()方法
<DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="../css/main.css" rel="stylesheet" type="text/css" />
<link href="../js/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
<script src="../js/jquery.min.js" type="text/javascript"></script>
<script src="../js/ligerUI/js/ligerui.min.js" type="text/javascript"></script>
<script src="../js/tablecolor.js" type="text/javascript"></script>
<script src="../js/jquery-form/jquery.form.js" type="text/javascript"></script>
<script src="../js/jquery-validation/jquery.validate.min.js" type="text/javascript"></script>
<script src="../js/jquery-validation/messages_cn.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
$(function() {
//保存
$("#appEdit_btok").click(function () {
$("#appEdit_Form").submit();
});
//自定義評語內容驗證方法
jQuery.validator.addMethod("levelLimit",function(value, element){
var returnVal = false;
var level = $("#code").attr("level");
if(level=="1" || level=="0"){
returnVal = true;
}
return returnVal;
},"level不能為2!");
$("#appEdit_Form").validate({
rules : {
"code" : {
required : true,
number : true,//期望的是true,如果為false則展示提示信息
levelLimit : true//期望的是true,如果為false則展示提示信息
}
},
messages : {
"code" : {required : "請輸入務編碼！",
number : "請輸入數字！"
}
},
errorPlacement: function( lable, element ){
element.ligerHideTip();
element.parent().ligerTip({ content: lable.html(), target: element[0] });
},
success : function( lable ){
lable.ligerHideTip();
lable.remove();
},
submitHandler: function(formTar){
var serialStr = $("#appEdit_Form").serialize();
var urlStr = ‘./appIndex.htm?actionMethod=addAppInfo‘;
$.ajax({
type:‘post‘,
url:urlStr,
data:serialStr,
success:function(redata){
if (redata ==1) {
alert( ‘操作成功!‘);
}else{
alert(‘失敗提示‘, ‘操作失敗!‘);
return;
}
}
});
}
});
});
//-->
</script>
</head>
<body >
<div class="right-body" >
<form method="post" action="javascript:void" id="appEdit_Form" >
<table style="width:400px;" border="0" cellpadding="0" cellspacing="0"
class="viewdatagrid">
<tbody>
<tr>
<th width="160">編碼：</th>
<td width="0" ><input id="code" name="code" type="text" style="width: 240px" value="" level="2"/>
</td>
</tr>
</tbody>
</table>
<div class="btn-view-block">
<div class="toolbar">
<ul>
<li>
<a href="javascript:void 0;" class="save" id="appEdit_btok" name="appEdit_btok" ><span>保存</span></a>
</li>
<li>
</ul>
</div>
</div>
</form>
</div>
</body>
</html>

placement ans rem 提示 .html orm turn comm char 最近寫驗證的時候感覺原生的驗證謝了一遍又一遍，就想到了“不要重復造輪子，學會管理自己的工具庫”這句名言，於是嘗試用jq的validator。用過又發現需要自定義方法去驗證，於是去

select2 插件自定義 tag 選擇問題

mark ted 創建 .com 如果 ref {} selected 進行問題描述 select2 設置 tags = true 的時候可以輸入並選擇自定義的內容。但是最近出現了 <select> 重新插入初始化的時候，選擇了自定義 tag 但是界面沒有更新

jjqGrid表格插件自定義頁碼

color bsp amp img you enum fin 源碼生成頁面修改jqgrid源碼 1定容器大概2225行 if(ts.p.pgbuttons===true) { var po=["first"+tp,"prev"+tp,

jQuery中的自定義插件之----工廠方法(Factory Widget)

color 武器 ace 應用 http trigger chan tran 輸入參數 jQuery賦予了我們很強大的插件自定義的功能,可以作為我們的武器庫,應用到所有的網頁中,使用的語法比較有意思,下面是對它的一些探討. 遵循以下的原則: 1 IIFE 創建一個jQuer

jq中的表單驗證插件------jquery.validate

此外郵箱 method 你們 ostc [0 ade 使用 js代碼今天我們來說一下表單驗證，有人說我們在進行表單驗證的時候使用正則來驗證是非常麻煩的，現在我來給大家介紹一下表單驗證的插件：jquery.validate.min.js 它是與jquery一起結合

jq和js插件的各個文件夾裏放置的內容

目錄 run 語言 runt 引入小功能 ros style 測試文件 1. demo文件夾，存放各種實例。 2. dist文件夾，全稱是distribution。在某些框架中，因為開發和發布的內容或者代碼形式是不一樣的（比如利用Grunt壓縮等等)，這時候就需要一個存放

vue 組件子向父親通信用自定義方法用事件監聽

自定義 let 事件監聽 () 有理 mode head con methods <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Title

模態框的理解 ,jQ: loading,進度條, 省級聯動 ,富文本編輯器表單驗證插件

boot multipart rep end 表單驗證 argument dem ucc 其他模態框: 打開一個彈框不關閉它就不能做框外的操作必須關閉或彈出另外的彈框加載延遲loading + 進度條只要有請求就處理一下監控ajax 全局事件jquery:

Element-ui tree組件自定義節點使用方法

置頂 add text rop sign del let 1-1 fault 工作上使用到element-ui tree 組件，主要功能是要實現節點拖拽和置頂，通過自定義內容方法（render-content）渲染樹代碼如下~ 1 <template>

validate表單驗證新增自定義方法

驗證數字最多兩位小數點之後最多兩位。自定義方法中有三個引數：第一個是規則的名字，類似required規則名字。第二個是改規則的實現部分，需要驗證哪些條件在這裡寫驗證方法，當return返回true時代表驗證條件符合不觸發。第三個是提示訊息。其中this.optional(

Jquery Validate 預設校驗規則、jQuery.validator.addMethod自定義驗證方法---例子

一、Jquery Validate 預設校驗規則 (1)、required:true 必輸欄位 (2)、remote:"remote-valid.jsp" 使用ajax方法呼叫remote-valid.jsp驗證輸入值 (3)、email:tru

jQuery.validator.addMethod 自定義驗證方法

1.$.validator.addMethod 方法自定義驗證介紹該方法可用於我們平時給<input type=" "> 指定type時使用，目的就是可以讓我們自己定義想要驗證的方法，好玩性很高，可以自定義一些通用的驗證，比如手機號碼、身份證等。 2.介紹引數和用法方法：$.valida

JQuery validate 驗證失敗回撥自定義方法及錯誤顯示

本篇文章主要介紹 JQuery validate 驗證失敗後回撥自定義方法，並顯示自定義樣式。 JQuery validate需求假設我想在使用 validate 基礎上實現一個這麼樣的功能：校驗失敗後，修改特定的樣式，比如：我想校驗錯誤之後，將下

如何使用thinkphp 5內建驗證功能及自定義驗證方法

一個獨立的系統，僅僅只在前臺進行表單驗證是遠遠不夠的，在處理 PHP 表單時提交時需重視安全性，我們需對 HTML 表單資料進行適當的驗證對於防範黑客很重要。使用ThinkPHP 5框架做專案時，

jquery form validator 驗證自定義方法

//中英文字元長度 String.prototype.mb_length = function(){ var len = 0; for(var i = 0; i < this.length; i++) { len += (th

WPF的ListView控件自定義布局用法實例

color xaml center control highlight auto 顏色 ble sca 本文實例講述了WPF的ListView控件自定義布局用法。分享給大家供大家參考，具體如下：概要：以源碼的形式貼出，免得忘記後，再到網上查資料。在VS2008+SP1環

JSP自定義方法標簽

utf-8 trace reg 一個 rar 釋放相同 Coding doctype 1、自定義方法標簽引入方式示例： <%@ taglib prefix="fns" uri="/WEB-INF/tlds/fns.tld" %> 寫法示例：

移動端地區選擇mobile-select-area插件的使用方法

lba 方法會有 width images 元素 hold inpu ges 顧名思義，mobile-select-area插件就是使用在移動端上的進行地區選擇的插件，而且使用方法簡單，我就說我是怎麽用的吧一、準備工作首先肯定要下載插件對應的css+js文件, 當

jquery validation表單驗證插件2。

back nbsp $() static 輸入 run hand get () <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></t

dynamic-load-apk 插件與宿主方法互調

-a rstp com 不一致 host width blog clas 技術分享新建項目 DlPluginHost,下載dynamic-load-apk源碼 1.將dynamic-load-apk 文件夾中的lib做為module導入到DlPlginHost 2.

jq裏驗證插件的自定義方法Jquery.validator.addMethod()示例

相關推薦