小修改,讓mvc的驗證錦上添點花 1

首先,mvc的客戶端驗證用的是jquery.validate.js, jquery.validate本身已經提供了很好的擴充套件功能,通過簡單點配置就可以做得更好看些.

而microsoft通過jquery.validate.unobtrusive.js然後做了封裝,讓它高度的整合到了mvc中.

這次,我們通過對jquery.validate.unobtrusive.js做一點小小的修改,讓這個驗證效果看起來更漂亮一點.

我們先來看看修改後的效果:

1.初始狀態

2.驗證失敗

3.驗證成功

1.首先對css做一點點小修改(注意紅色字部分),

**如下:

.field-validation-error

.field-validation-success

2.修改jquery.validate.unobtrusive.js

在onerror方法中:

把container.removeclass("field-validation-valid").addclass("field-validation-error");

改成container.removeclass("field-validation-success field-validation-valid").addclass("field-validation-error");

function onerror(error, inputelement) 

else
}

把container.addclass("field-validation-valid").removeclass("field-validation-error");

改成container.addclass("field-validation-success").removeclass("field-validation-error field-validation-valid");

function onsuccess(error) }}

Mvc中的資料驗證方法

model 注意其中加了驗證 using system using system.collections.generic using system.componentmodel.dataannotations using system.linq using system.web namespace ...

MVC中的統一驗證機制 續

最近在朋友的建議下，看了另一種驗證方式，事實上就是 例項中提供的實體屬性驗證方式，為每個檢視加乙個檢視模型，對檢視模型中的屬性進行特性的 約束即可。具體如下 web ui可能是這樣 using html.beginform model可能是這樣 namespace web.models range ...

在MVC應用程式中使用jQuery的驗證

呵呵，覺得很久沒有寫部落格了，均是工作忙於公司的erp系統，這是正確的，因為這才是真正的工作。今天想寫點在mvc應用程式中，使用jquery來驗證。在進行之前，還是先回看一下 mvc會員註冊 這裡有些問題需要改正的，如密碼文字框，需要把type text 改為type password 這樣在輸入密...