Home > Developer > Web Develop
<! DOCTYPE html>
<script src= "Http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ></script>
<body>
<form ng-app= "myApp" ng-controller= "Validatectrl"
Name= "MyForm" novalidate>
<p> User name:<br>
<input type= "text" name= "user" ng-model= "user" required>
<span style= "color:red" ng-show= "Myform.user. $dirty && myform.user. $invalid" >
<span ng-show= "Myform.user. $error. Required" > username is required. </span>
</span>
</p>
<p> Email:<br>
<input type= "Email" name= "email" ng-model= "email" required>
<span style= "color:red" ng-show= "Myform.email. $dirty && myform.email. $invalid" >
<span ng-show= "Myform.email. $error. Required" > mailbox is a must. </span>
<span ng-show= "Myform.email. $error. Email" > Illegal email. </span>
</span>
</p>
<p>
<input type= "Submit"
Ng-disabled= "Myform.user. $dirty && myform.user. $invalid | |
Myform.email. $dirty && myform.email. $invalid ">
</p>
</form>
<script>
var app = Angular.module (' myApp ', []);
App.controller (' Validatectrl ', function ($scope) {
$scope. user = ' John Doe ';
$scope. email = ' [email protected] ';
});
</script>
</body>
AngularJS Input Validation
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
