html - 使用两个类属性

标签 html css twitter-bootstrap jquery-validation-engine

我正在使用 jQuery validationEngine.js 插件来验证输入字段。它要求我添加一个 class="validate[required] text-input" 以便它可以在提交表单时进行验证。但是我有 class="form-control"并且因此,验证不起作用。如果我删除 class="form-control" 验证将起作用,但输入框将错位。有什么办法可以同时保留两者吗?或者这个问题的任何其他解决方案?谢谢!

<input 
  name="selectAgent" 
  type="text" 
  class="form-control" 
  id="selectAgent" 
  class="validate[required] text-input" 
>

最佳答案

一次性添加所有类(class)。有两个类声明可能会导致错误。

使用(注意如何将 form-control 添加到带有 space 的类的末尾,这是您可以添加另一个类的方式)

<input 
  name="selectAgent" 
  type="text" 
  id="selectAgent" 
  class="validate[required] text-input form-control" 
>

代替

<input 
  name="selectAgent" 
  type="text" 
  class="form-control" 
  id="selectAgent" 
  class="validate[required] text-input" 
>

关于html - 使用两个类属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19232605/

相关文章:

javascript - 拖放到表单内部

html - Bootstrap 面板问题 - 面板标题不是全宽?

css - 如何移除 Bootstrap 轮播指示器周围的不可见框?

html - div不展开错误

javascript - 如何影响 onmouseover 事件上的 previousSibling 样式。 CSS 或 JavaScript

php - 将 mysql 结果行拆分为列,php

c++ - Qt Widget布局背景

javascript - 添加指向 CSS :nth-child class 的链接

html - 确定子元素是否被父元素剪切的纯 CSS 方法?

javascript - 如何在 marquee 标签中设置小于 1 的滚动值?