如何动态添加必需元素后检查输入元素的状态?

时间:2017-01-15 11:05:19

标签: javascript html angularjs

我以这种方式向特定状态中的所有input元素添加了一个必填字段:

 for (var i = 0; i < data.length; i++) {
        // activate required function
        v = data[i].Required;
        if (v)
            document.getElementById(response.data[i].ID).required = true;             
} 

现在我想在每个输入中添加此代码,例如:

 <span style="color:red" ng-show="addOrEditForm.myPassword.$dirty && addOrEditForm.myPassword.$invalid">
        <span ng-show="addOrEditForm.myPassword.$error.required">Password is required.</span>
 </span>

问题是这段代码不起作用。我无法看到错误按摩,但如果我将手动添加到特定的输入元素,那么&#34; required&#34;字段所以这段代码工作,我可以看到错误信息。

2 个答案:

答案 0 :(得分:0)

我创建了一个jsfiddle示例 http://jsfiddle.net/ADukg/9176/

我创建了一个模型user,其中包含dom的每个Id,在其中我添加了两个属性valuerequired。我为输入字段的每个Id和valuengModel属性分配了requiredngRequired

调用后端后,我可以简单更改required设置为true的ID {1}}

答案 1 :(得分:0)

更好地使用ng-required。的document.getElementById(response.data [I] .ID);   而是创造      $ scope动态。就像$ scope [key] = true;  并根据您的需要使用html ng-required。