相关疑难解决方法(0)

使用jQuery Validation插件的Bootstrap

我正在尝试使用jQuery Validation Plugin为我的表单添加验证,但是我遇到了一个问题,当我使用输入组时插件会输出错误消息.

问题

$('form').validate({
    rules: {
        firstname: {
            minlength: 3,
            maxlength: 15,
            required: true
        },
        lastname: {
            minlength: 3,
            maxlength: 15,
            required: true
        }
    },
    highlight: function(element) {
        $(element).closest('.form-group').addClass('has-error');
    },
    unhighlight: function(element) {
        $(element).closest('.form-group').removeClass('has-error');
    }
});
Run Code Online (Sandbox Code Playgroud)

我的代码: http ://jsfiddle.net/hTPY7/4/

jquery-validate twitter-bootstrap twitter-bootstrap-3

151
推荐指数
6
解决办法
19万
查看次数

JQuery Validation和Bootstrap 3用于相同的表单组

我有一个关于"has-error"类和复杂对象的问题.

基本上对于单个简单类型,它工作得很好,但对于复杂的对象,它没有.

我有以下代码:

我的验证:

public static MvcHtmlString ValidationErrorFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, string error)
{
    if (HasError(htmlHelper, ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData), ExpressionHelper.GetExpressionText(expression)))
        return new MvcHtmlString(error);
    else
        return null;
}


private static bool HasError(this HtmlHelper htmlHelper, ModelMetadata modelMetadata, string expression)
{
    string modelName = htmlHelper.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldName(expression);
    FormContext formContext = htmlHelper.ViewContext.FormContext;
    if (formContext == null)
        return false;

    if (!htmlHelper.ViewData.ModelState.ContainsKey(modelName))
        return false;

    ModelState modelState = htmlHelper.ViewData.ModelState[modelName];
    if (modelState == null)
        return false;

    ModelErrorCollection modelErrors = modelState.Errors;
    if (modelErrors == null)
        return false;

    return (modelErrors.Count …
Run Code Online (Sandbox Code Playgroud)

validation jquery jquery-validate twitter-bootstrap-3

5
推荐指数
1
解决办法
3690
查看次数