如何驗證Webform中的文本框輸入？

Question

請問有人告訴我如何在從一個文本框移動到另一個文本框的同時驗證文本框。

它必須在文本框后顯示錯誤圖片，並且應該更改文本框的邊框顏色。 我是網頁設計的新手。 請幫我

提前致謝

Answer 1

這是通過在場的模糊事件上調用驗證功能來實現的。 您可以使用jQuery注入事件處理程序-有許多相同的插件可用。

可以在這里找到這樣的插件： http : //www.geektantra.com/2009/09/jquery-live-form-validation/

演示： http ： //www.geektantra.com/projects/jquery-form-validate/

Answer 2

$(document).ready(function(){
    $('#yourformid').submit(function(){
        $('input[type="text"]').blur(function(){
            if($(this).val() !="Your matching criterias .."){
                //some error messages etc
                return false;
            }
            return true;
        });
    });
});