AngularJs - 以ng-click发送数据以验证电子邮件

时间:2015-02-24 16:19:23

标签: angularjs angularjs-ng-click

我试图检查插入的电子邮件是否采用有效格式,以便我可以选择下一步做什么。我试图通过在用户点击按钮提交电子邮件时运行的函数中发送myForm.$valid值来实现此目的。

以下是我试图实现它的方法。

HTML

<input type="email" required="true" name="email-input" placeholder="Input Email">
<button type="button" ng-click="toggle(email-input.$valid)">Request</button>

app.js

app.controller('showHide',function($scope){
        $scope.toggle = function(valid) {
            alert(valid);
        };
    }); 

我得到的值valid总是&#34; 0&#34;。我缺少什么想法?

提前致谢!

1 个答案:

答案 0 :(得分:0)

我认为你必须用表格包围你的输入。

<div ng-form name="myForm">
<input type="email" required="true" name="email-input" placeholder="Input Email">
<button type="button" ng-click="toggle(myForm.email-input.$valid)">Request</button>

这样,它也可以直接从您的控制器访问:

app.controller('showHide',function($scope){
    $scope.toggle = function() {
        if(!$scope.myForm.email-input.$valid){
            alert(valid);
        }
    };
});