1

我在我的 Jquery Molbile 项目中使用 angularJS 进行表单验证，因为 JQM 本身不提供验证框架。例如考虑以下标记：

<form ng-app name="form">

    Marital status:
    <select  ng-model="maritalStatus" required>
        <option value="">Select...</option>
        <option value="M">Married</option>
        <option value="UM">Unmarried</option>
    </select>

</form>

我希望分别在有效和无效状态上有绿色和红色边框，因此我有以下 CSS：

.ng-valid{
border: 1px solid green;
}

.ng-invalid{
border: 1px solid red;
}

<select/>上面的 CSS 对 JQM组件没有任何可见的影响。

这里 AngularJS 似乎适当地添加了相关的样式类。

此问题的原因是 JQM 出于某些原因使用其他标记重新渲染组件。这不是 JQM 错误（但可能是完成工作的一种非常糟糕的方式！），但这就是 JQM 的工作方式。

这个问题的最佳解决方法是什么？

4

0 回答 0