相关疑难解决方法(0)

当表单与AngularJS无效时,禁用提交按钮

我的表格是这样的:

<form name="myForm">
    <input name="myText" type="text" ng-model="mytext" required />
    <button disabled="{{ myForm.$invalid }}">Save</button>
</form>
Run Code Online (Sandbox Code Playgroud)

正如您所看到的,如果输入为空,则按钮被禁用但在包含文本时不会更改回启用状态.我怎样才能使它工作?

forms button disabled-control angularjs

171
推荐指数
4
解决办法
23万
查看次数

AngularJS - 表单自定义验证 - 检查至少一个输入是否为空

给出一个像这样的简单html表单:

<form name="myForm" action="#sent" method="post" ng-app>
   <input name="userPreference1" type="text" ng-model="shipment.userPreference" />
   <input name="userPreference1" type="text" ng-model="shipment.userPreference" />
   <input name="userPreference1" type="text" ng-model="shipment.userPreference" />
... submit input and all the other code...
</form>
Run Code Online (Sandbox Code Playgroud)

如果至少有一个输入是空的,我需要你的帮助才能知道如何检查验证时间.所需的验证如下.用户必须至少完成一个偏好.

使用jQuery:

if ( $("input").val() == "" ) {
Run Code Online (Sandbox Code Playgroud)

工作正常,但想知道如何使用角度做同样的事情.

非常感谢,提前,

吉列尔莫

html javascript validation angularjs

13
推荐指数
1
解决办法
3万
查看次数