JqueryValidate 動態新增驗證
- 在 JavaScript Function 中動態新增驗證
/**
* 設定隱藏域 限制前兩位數字
*/
function setProductNo() {
var $value = $("#product option:selected").attr("preNo");
$value = $value ? $value : "";
$("#preNo").val($value);
$("#labelProduct").html("軟體號前兩位:" + $value);
jQuery.validator.addMethod("checkPreNo",function(value,element,params) {
// 未設定產品值,直接跳過驗證
if (!$value) {
return true;
}
if (value.length > 2) {
if ($value == value.substring(0, 2)) {
return true;
}
} else {
if ($value == value) {
return true;
}
}
return false;
},$.validator.format("<span style='color:red'>軟體號前兩位必須是"+ $value +" </span>"));
}
頁面上的 html 片段如下
<select name="product" id="product" onchange="setProductNo();">
<option value="">請選擇</option>
</select>
<label for="product" id="labelProduct"></label>
- 在 Ajax 回撥中直接加入驗證,用普通的 rules 可能載入不上驗證,需要使用 setTimeout 延遲載入
$.ajax({
url: "getJsonCustomerUpgradeProduct.do",
cache:false,
type: "post",
async: false,
dataType: "json",
data: param,
success: function(data){
console.log(JSON.stringify(data))
if (data.success=='true') {
var items = data.items;
var content = "<option value=\"\">請選擇</option>";
for (var i = 0;items && i < items.length; i++) {
var item = items[i];
content += "<option id='"+ item.id +"' >" + item.name + "</option>"
}
$("#" + param.htmlId).html(content);
$("#" + param.htmlId).select2();
if (data.showUpgradePruduct) {
$("#"+param.rowId).show();
setTimeout(function() {
$("#upgradeProduct").rules("add", {required: true});
}, 0);
$("#"+param.showStopAccount).hide();
} else {
$("#"+param.rowId).hide();
setTimeout(function() {
$("#upgradeProduct").rules("remove", "required");
}, 0);
}
}
}
})
相關文章
- jQueryValidate自定義各種驗證方法jQuery
- vue+elementUI實現動態增加表單項並新增驗證VueUI
- web動態驗證碼的實現Web
- 實現動態驗證碼的思路
- Laravel 快速新增驗證碼教程Laravel
- java實現動態驗證碼原始碼——繪製驗證碼的jspJava原始碼JS
- Vue 配合eiement動態路由,許可權驗證Vue路由
- python傳送手機動態驗證碼Python
- Spring boot 生成動態驗證碼並前後端校驗Spring Boot後端
- mobx動態新增observable
- js動態新增svgJSSVG
- RecyclerView新增動態水印View
- 手動驗證 TLS 證書TLS
- 影片直播原始碼,前端canvas動態驗證碼實現原始碼前端Canvas
- jquery為動態新增元素新增事件薦jQuery事件
- Java 新增、驗證PDF 數字簽名Java
- Laravel8.5新增驗證碼 mews/captchaLaravelAPT
- 動態試驗
- HDFS動態新增節點
- JavaScript動態新增li元素JavaScript
- javascript 動態新增表格行JavaScript
- 動態令牌認證
- 為什麼動態代理IP驗證有效卻無法使用?
- 用ASP動態生成JavaScript的表單驗證程式碼 (轉)JavaScript
- 【驗證碼逆向專欄】數美驗證碼全家桶逆向分析以及 AST 獲取動態引數AST
- Elastic-Job:動態新增任務,支援動態分片AST
- Laravel-admin 登入新增驗證碼Laravel
- jQuery Validate新增自定義驗證規則jQuery
- 為IHttpClientFactory新增動態命名配置HTTPclient
- Qt動態新增控制元件QT控制元件
- android動態新增ImageView注意AndroidView
- 動態新增easyui 控制元件UI控制元件
- asp.net TreeView動態新增ASP.NETView
- C# 滑動驗證碼|拼圖驗證|SlideCaptchaC#IDEAPT
- Kubernetes 兩步驗證 - 使用 Serverless 實現動態准入控制Server
- angular中關於表單動態驗證的一種新思路Angular
- Spring Security 如何新增登入驗證碼?鬆哥手把手教你給微人事新增登入驗證碼Spring
- thinkphp6後臺新增google登入驗證PHPGo