Javascript angularjs$valid不在字段上工作
我对angularjs是新手 我的表单上有两个按钮,一个是“保存”,另一个是“测试连接”按钮Javascript angularjs$valid不在字段上工作,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,我对angularjs是新手 我的表单上有两个按钮,一个是“保存”,另一个是“测试连接”按钮 <td align="left" colspan="0" > <input class="form-control" title="Specifies the IP address of the SIP trunk ethernet connection." placeholder="xxx.xxx.xxx.xxx" style="display: i
<td align="left" colspan="0" >
<input class="form-control" title="Specifies the IP address of the SIP trunk ethernet connection." placeholder="xxx.xxx.xxx.xxx"
style="display: inline-block;display:block;white-space: nowrap;overflow: hidden;" type="text"
name="pabxipaddress" id="pabxipaddress" ng-model="userSetup.pabxipaddress" required ng-pattern='patternPresent' >
</td>
<td>
<span class="error" ng-show="(testIPOfficeFlag || submitted) && userSetupForm.pabxipaddress.$error.required">
<label style="color: red;">Required!</label>
</span>
<span class="error" ng-show='(testIPOfficeFlag || submitted) && userSetupForm.pabxipaddress.$error.pattern'>
<label style="color: red;">Invalid IP Address!</label>
</span>
</td>
当我像$scope.userSetup.pabxipaddress这样发出警报时,它会正确显示数据
如何检查单个字段是否正确,以及是否传递了附加到该字段的所有约束 有效属性不是模型值的一部分。。。试一试
$scope.userSetupForm.postdail.$valid
其中,userSetupForm
是表单的名称,postdail
是input
元素的名称
var-app=angular.module('my-app',[],function()){
})
app.controller('AppController',函数($scope){
$scope.check=函数(){
$scope.validity={
字段1:$scope.myform.myfield1.$valid,
字段2:$scope.myform.myfield2.$valid,
字段3:$scope.myform.myfield3.$valid
}
};
})
检查
{{formdata | json}}
{{validity}json}
我认为您需要命名表单,然后检查表单对象上字段的有效性:$scope.myform.pabxipaddress.$valid
您需要使用$scope.userSetupForm
而不是$scope.userSetupForm
我已经有html代码了。我不想执行$scope.userSetupForm.$valid,因为它将为我提供完整的表单,而我只想检查“测试连接”按钮中三个字段的有效性。@Jayesh您确定应该使用ngPattern
?我现在添加了正确的代码段。我在这里做错了什么吗?嘿,实际上我的代码的问题是,我稍后会向控制器添加一些html片段,直到我的控制器已经加载,所以它无法识别我怀疑的字段。我通过警报(“Test”+JSON.stringify($scope.userSetupForm)),知道了这一点,所以我没有定义。我说的对吗,请核实一下?
$scope.userSetupForm.postdail.$valid