我们如何在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;
        });
    });
});