使用jquery中的函数验证表单字段

Question

我正在尝试通过创建自己的jquery函数来验证表单字段，以便我可以只使用几行来调用它，我有下面的代码，但不知道为什么它不起作用：

(function($){
        $.fn.validate_form = function(options){
            var defaults = {
                valid_class: "no_error",
                error_class: "form_errors"
            };
            var new_options = $.extend(defaults, options);
            return this.each(function(){
                var this_value = $(this).val();
                if(!this_value)
                {
                    $(this).removeClass(new_options.valid_class);
                    $(this).addClass(new_options.error_class);
                }
                else
                {
                    $(this).removeClass(new_options.error_class);
                    $(this).addClass(new_options.valid_class);
                }
            });
        };
})(jQuery);

$("#service_title").validate_form();

此处“service_title”是文本字段的ID。

提前致谢。

Answer 1

如果您缺少空格字符，我会将字段的值传递给$.trim：

var this_value = $.trim($(this).val());