Javascript 如何在angularjs中进行验证?

Javascript 如何在angularjs中进行验证?,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我对angularjs的验证还不熟悉,我正在尝试这样做。对吗?有人能告诉我吗 var-app=angular.module('myApp',[]) app.controller('myController',函数($scope){ $scope.clickMe=函数(){ 如果($('#myForm.required')。长度==0){ 警报(“输入所有详细信息”) } } }) AAA BBB 提交 我在您的代码中为必填字段添加了验证。要实施其他验证,请参阅 要求的 要求的 AAA BB

我对angularjs的验证还不熟悉,我正在尝试这样做。对吗?有人能告诉我吗

var-app=angular.module('myApp',[])
app.controller('myController',函数($scope){
$scope.clickMe=函数(){
如果($('#myForm.required')。长度==0){
警报(“输入所有详细信息”)
}
}
})

AAA
BBB
提交

我在您的代码中为必填字段添加了验证。要实施其他验证,请参阅


要求的
要求的
AAA
BBB
提交

我在您的代码中为必填字段添加了验证。要实施其他验证,请参阅


要求的
要求的
AAA
BBB
提交

尝试使用角度形式验证。 这里有一个例子

var-app=angular.module('myApp',[])
app.controller('myController',函数($scope){
$scope.clickMe=函数(){
提醒(“我的表格有效”);
}
})

AAA
BBB
提交

尝试使用角度形式验证。 这里有一个例子

var-app=angular.module('myApp',[])
app.controller('myController',函数($scope){
$scope.clickMe=函数(){
提醒(“我的表格有效”);
}
})

AAA
BBB
提交

使用角度验证:

var app = angular.module('myApp', [])
app.controller('myController', function ($scope) {
    $scope.clickMe = function () { 
        if($scope.myForm.$valid) {
        alert("My Form is valid");
       }
    }
})
现在,因为ng模型是一个

您还必须为输入提供名称,以便进行验证:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myController">
    <form id="myForm" name="myUserForm">
        <input ng-model="mytext" type="text" name="mytext" class="required" required>
        <input ng-model="mydate" type="date" name="mydate" class="required" required>
        <select class="required" ng-model="myoption" name="myoption">
            <option>AAA</option>
            <option>BBB</option>
        </select>
        <button ng-click="clickMe()">submit</button>
    </form>
</div>

AAA
BBB
提交

使用角度验证:

var app = angular.module('myApp', [])
app.controller('myController', function ($scope) {
    $scope.clickMe = function () { 
        if($scope.myForm.$valid) {
        alert("My Form is valid");
       }
    }
})
现在,因为ng模型是一个

您还必须为输入提供名称,以便进行验证:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myController">
    <form id="myForm" name="myUserForm">
        <input ng-model="mytext" type="text" name="mytext" class="required" required>
        <input ng-model="mydate" type="date" name="mydate" class="required" required>
        <select class="required" ng-model="myoption" name="myoption">
            <option>AAA</option>
            <option>BBB</option>
        </select>
        <button ng-click="clickMe()">submit</button>
    </form>
</div>

AAA
BBB
提交