mvc2下jquery做普通验证
在做验证的时候,遇到了麻烦,本来想用jquery来做的,但是发现表单的存在,在提交后不管对错都不能进行拦截。后来找到了比较好的方法,在这里和大家分享下:
<script type="text/javascript">
$(document).ready(function () {
$('input').each(function () {
$(this).focusout(function () {
if ($(this).val() == "")
$('#' + $(this).attr("type")).text("Required!")
.css('border-color', 'blue')
.css('border-style', 'groove');
else
$('#' + $(this).attr("type")).text("")
.css('border-style', 'none');
});
});
$('form').submit(function () {
var validate = true;
$('input').each(function () {
if ($(this).val() == "") {
validate = false;
$('#' + $(this).attr("type")).text("Required!")
.css('border-color', 'blue')
.css('border-style', 'groove');
}
else {
$('#' + $(this).attr("type")).text("")
.css('border-style', 'none');
}
});
return validate;
});
});
</script>
其中有个validate属性,可以来控制表单的提交。
本文出自 “马迪飞点net” 博客
补充:web前端 , JavaScript ,