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” 博客

You May Also Like