示範jQuery.Valicaion.unobtrusive的使用方式


From: 011netservice@gmail.com 011
Date: 2016-09-23 09:00

mi1 =
mi2 =
必填CheckBox
使用jquery.validate.unobtrusive
  1. 引用jquery.js, jquery.validate.js, jquery.validate.unobtrusive.js
  2. 啟用與設定檢核方式: 在<input>屬性設定data-val="true"啟用, (data-val-*)設定驗證方式與參數.
  3. 錯誤訊息: 在<input>後方加上<span data-valmsg-for=”inputName” data-valmsg-replace=”true/false”></span>標註顯示錯誤訊息的位置.
  4. 彙總錯誤訊息: 加入<div data-valmsg-summary="true"></div>
  5. 若需檢核CheckBox為必填, 則需加入 $.validator.unobtrusive.adapters.addBool("mandatory", "required");, 並於CheckBox屬性中, 增加data-val-mandatory.


原文參考: 使用jQuery.validate.unobtrusive.js

jquery.validate.unobtrusive可參考:
網址: jQuery Validation Plugin
文件: Documentation
範例: demo
範例: CheckBox必填