Question

AngularJs的自定义验证问题,输入框背景文字消失与警告文字开始就会出现

app.controller('appForm',['$scope',function($scope){//申请页面的错误操作提示判定 var a=false; var b=false; $scope.promptnum= function(value){//判断申请数量 if(value>0 && value%2==0 || value%2==1){ a=true; return false; }else{ a=false; return true; } } $scope.prompttxt= function(value){//判断申请理由 if(value==undefined){ a=false; return true; }else{ if(value.length>0 &&value.length<=100){ b=true; return false; }else{ a=false; return true; } } } $scope.send=function(){//判断是否符合提交规范 if(a && b){ $scope.sends = true; $scope.sendffo = false; }else{ $scope.sends = false; $scope.sendffo = true; } }}])





Answer 1

1、自定义验证最好写在指令里面，写在控制器里面不好测试，而且控制器是不能复用的。

2、你没有输入内容，返回的不就是两个true么，当然两个都显示了，这就是angular的双向绑定啊。

追问

萌新不是很懂……指令是哪一块……？然后咱在html页面有设置提示文字的呀……不管哪一个都被清除掉了……

Answer 2

你如果用angularJS自带验证的话 form标签是必须的 你没有写

追问

我在runoob上测试过form标签，即使带了form标签不加内置提示的话也是一样的……

追答

你一些关键词没写嘛

form后的novalidate

和input后的required
 你都没有 不能贴网址 你仔细对比下你的代码好了

<form  ng-app="myApp"  
ng-controller="validateCtrl"
name="myForm" novalidate>


<p>用户名:<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">用户名是必须的。</span>
  </span>
</p>

<p>邮箱:<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">邮箱是必须的。</span>
  
<span ng-show="myForm.email.$error.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 = 'john.doe@gmail.com';

});
</script>

这是网上的一个例子 你仔细对比下

追问

你可以就着这份例子把script标签删掉试试……反正这标签里没有实质性地干涉form表单里的任何东西

追答

你都在说些什么鬼 例子都放在这里了 我前面也说了 你还没有 发现自己少了什么关键词吗？
例子我都不用再试了 早试过了我就是这么学过来的

追问

我当然知道少些什么，这个例子我也早就找到过了，但是这个例子在我删除input的预输入值也就是script里面的那些东西之后跟我的demo效果一模一样，我在说这些。

追答

预输入值你可以删除 但是定义你不能删除啊

你是不是删除了定义？

你看我的就没有提示