如何使用angularjs验证电子邮件

时间:2014-12-18 11:45:47

标签: angularjs

        **AngularJS**
<tr>
    <td>E-mail:</td>
    <td><input id="email" type="email" ng-model="regform.email" name="uEmail" required/></td>
</tr>
<tr>
    <td></td>
    <td>
        <div ng-show="form.$submitted || form.uEmail.$touched">
        <span ng-show="form.uEmail.$error.required">Enter your email.</span>
        <span ng-show="form.uEmail.$error.email">This is not a valid email.</span>
        </div>
     </td>
</tr>  

这里在检查电子邮件ab @ c和ab@cd.zx123时给出结果为真。如何正确验证电子邮件。

1 个答案:

答案 0 :(得分:0)

<tr>
                <td>E-mail:</td>
                <td><input id="email" type="text" ng-model="regform.email" name="uEmail" ng-pattern="EMAIL_REGEXP" required="" /></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <div ng-show="form.$submitted || form.uEmail.$touched">
                        <span ng-show="form.uEmail.$error.required">Enter your email.</span>
                        <span ng-show="form.uEmail.$error.pattern">This is not a valid email.</span>
                    </div>
                </td>
            </tr>

使用此代码

$ scope.EMAIL_REGEXP = /^\w+([.-]?\w+)@\w+([.-]?\w+)(.\w{2,3}) + $ /;