Question

我在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;
}

上述CSS不会对JQM <select/>组件产生任何可见影响。

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

出现此问题的原因是JQM出于某些原因重新呈现了具有其他标记的组件。这不是JQM错误（但可能是完成任务的非常糟糕的方式！），但这就是JQM的工作方式。

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

使用AngularJS进行Jquery Mobile表单验证

0 个答案: