bootstrap and jquery validation

在bootstrap2.0中使用jquery validation plugin

修改jquery validation的源文件，以适应bootstrap的样式。

 

• 修改default option

 

1.将validClass修改为success

2.在后面添加errorElementClass: 'help-inline' ,

3.将errorElement改为span

4.修改highlight函数，将else中的语句修改为

 

$(element).parents("div[class='control-group']").addClass(errorClass).removeClass(validClass);

 

5.修改unhighlight函数，将else中的语句修改为

 

$(element).parents(".error").removeClass(errorClass).addClass(validClass);

• 找到showLabel函数，这里可以看到生成错误说明的语句，将生成的error element的class属性设置为前面添加的errorElementClass（源代码里设置的是errorClass），这样生成的错误说明的class属性就是help-inline了
• 找到errors函数，修改同上，将errorClass修改为errorElementClass，这个函数是用来查找错误说明的，如果不改的话，会生成多个错误说明的

附上修改后的源代码。