在做驗證的時候,遇到瞭麻煩,本來想用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” 博客