角输入验证工作不

<form name="LPform"> 
 
    <div class="form-row clearfix"> 
 
     <label class="lbl-fld" style="margin-left: 12%;">Email ID</label> 
 
     <input class="mob-adj-inpbx" type="email" name="uemail" ng-model="useremail" placeholder=" [email protected]" ng-required="true"/> 
 
     <div ng-show="LPform.uemail.$valid">Enter a valid email.</div> 
 
    </div> 
 
</form>

在这里，我将验证为“电子邮件”，并试图只有当用户输入无效的电子邮件显示错误消息。但是这不起作用。

来源

2016-01-21 Dreamer

能否请你拨弄正确的角码 –

对不起......没有得到ü。我已经添加了控制器，并且页面上的其他所有内容都正常工作。 “LPform.uemail。$ valid”不起作用。我不确定是否需要在js文件中添加任何方法或变量 – Dreamer

我的意思是说，请分享整个HTML和JavaScript代码。以便其他人可以帮助它。也可以在http://jsfiddle.net上小提琴 –

我想你想显示错误消息，如果输入无效如此

ng-show="!LPform.uemail.$valid"
你可能忘了将其绑定到一个范围变量？导致它似乎工作正常。

function Ctrl($scope) { 
 
    $scope.useremail = ''; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script> 
 
<div ng-app> 
 
    <div ng-controller="Ctrl"> 
 
    <form name="LPform"> 
 
     <div class="form-row clearfix"> 
 
     <label class="lbl-fld">Email ID</label> 
 
     <input class="mob-adj-inpbx" type="email" name="uemail" ng-model="useremail" placeholder=" [email protected]" ng-required="true" /> 
 
     <div style="font-size: 11px; color: red; margin: 5px 65px;" 
 
      ng-show="!LPform.uemail.$valid">Please enter a valid email.</div> 
 
     </div> 
 
    </form> 
 
    </div> 
 
</div>

来源

2016-01-21 06:39:56 Daniel

感谢您的回复。它工作正常与ng-show =“LPform.uemail。$ error.email” – Dreamer

角输入验证工作不

回答

相关问题