Javascript 希望在表单加载时使用angular js禁用提交按钮
我有html表单，我想在表单启动时保持submit按钮禁用，因为默认情况下它是启用的，即使控件为空也会接受输入。 这是我的密码。 一旦输入数据，它就可以正常工作&然后将其从输入控件中删除，但默认情况下不会Javascript 希望在表单加载时使用angular js禁用提交按钮,javascript,html,angularjs,forms,Javascript,Html,Angularjs,Forms,我有html表单，我想在表单启动时保持submit按钮禁用，因为默认情况下它是启用的，即使控件为空也会接受输入。 这是我的密码。 一旦输入数据，它就可以正常工作&然后将其从输入控件中删除，但默认情况下不会 <html> <head> <title>Angular JS Forms</title> <script src = "http://ajax.googleapis.com/ajax/libs/angular
<html>
<head>
<title>Angular JS Forms</title>
<script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>
<body>
<h2>AngularJS Sample Application</h2>
<div ng-app = "mainApp" ng-controller = "studentController">
<form name = "studentForm" novalidate>
<table border = "0">
<tr>
<td>Enter first name:</td>
<td><input name = "firstname" placeholder="name" type = "text" ng-model = "firstName" required>
<span style = "color:red" ng-show = "studentForm.firstname.$dirty && studentForm.firstname.$invalid">
<span ng-show = "studentForm.firstname.$error.required">First Name is required.</span>
</span>
</td>
</tr>
<tr>
<td>Enter Domain name: </td>
<td><input name = "domain" type = "text" ng-model = "domain" placeholder="domain" required>
<span style = "color:red" ng-show = "studentForm.domain.$dirty && studentForm.domain.$invalid">
<span ng-show = "studentForm.domain.$error.required">Last Name is required.</span>
</span>
</td>
</tr>
<tr>
<td>Email: </td><td><input name = "email" type = "email" ng-model = "email" placeholder="Email" length = "100" required>
<span style = "color:red" ng-show = "studentForm.email.$dirty && studentForm.email.$invalid">
<span ng-show = "studentForm.email.$error.required">Email is required.</span>
<span ng-show = "studentForm.email.$error.email">Invalid email address.</span>
</span>
</td>
</tr>
<tr>
<td>
<button ng-click = "reset()">Reset</button>
</td>
<td>
<button ng-disabled = "studentForm.firstname.$dirty &&
studentForm.firstname.$invalid || studentForm.domain.$dirty &&
studentForm.domain.$invalid || studentForm.email.$dirty &&
studentForm.email.$invalid" ng-click="submit()">Submit</button>
</td>
</tr>
</table>
</form>
</div>
<script>
var mainApp = angular.module("mainApp", []);
mainApp.controller('studentController', function($scope) {
$scope.reset = function(){
}
$scope.reset();
});
</script>
</body>
</html>
角JS形式
AngularJS示例应用程序
输入名字：
名字是必需的。
输入域名：
姓是必需的。
电邮：
电子邮件是必需的。
无效的电子邮件地址。
重置
提交
var mainApp=angular.module（“mainApp”，[]）；
mainApp.controller（'studentController'，函数（$scope）{
$scope.reset=函数（）{
}
$scope.reset（）；
});
<button ng-disabled = "studentForm.$invalid" ng-click="submit()">Submit</button>
提交
只需在
ng disabledstudentForm.firstname.$pristine | |<button ng-disabled = "!studentForm.firstname || !studentForm.domain || !studentForm.email">Submit</button>
提交
<button ng-disabled = "studentForm.firstname.$pristine || studentForm.domain.$pristine || studentForm.email.$pristine || studentForm.firstname.$dirty && studentForm.firstname.$invalid || studentForm.domain.$dirty && studentForm.domain.$invalid || studentForm.email.$dirty && studentForm.email.$invalid" ng-click="submit()">Submit</button>
提交
SubmitSubmit