1.Jquery驗證
1)引入頭文件
<script src="../../Scripts/jquery-1.7.1.js"></script>
<script src="../../Scripts/jquery.validate.js"></script>
2)根據 表單name和id屬性 調用校驗代碼 查看 JqueryValidate.js文件 主要是兩個屬性 rules 和messages
$(function () {
$("form").validate({
rules: {
Name: {
required: true,
maxlength: 5
},
Age: {
required: true,
number:true
},
Email: {
required: true,
email: true
}
},
messages: {
Name: {
required: "*",
maxlength: "*最大長度5"
},
Age: "*",
Email:"*",
}
});
});
2.微軟提供的前端驗證
1)引入頭文件 <script src="../../Scripts/jquery.validate.unobtrusive.js"></script>
2)修改web.config文件
3)在Model類中添加特性標簽 (會自動生成前端標簽的屬性)
主要四個特性標簽 Range Required StringLength RegularExpression
3.Mvc后台驗證
只需調動ModelState.IsValid方法就可以 編譯器運行時內部會自動根據特性標簽來驗證表單