我在停止表单提交事件时遇到问题答案

【问题标题】：i am getting issue in stopping form submission event我在停止表单提交事件时遇到问题
【发布时间】：2016-01-17 07:38:05
【问题描述】：

伙计们，我在停止提交表单时发现了一个问题。我有两个用户名和密码字段，如果用户名和密码相同，我想显示警报并停止表单提交。这是我的代码

<form name="myform"ng-submit="checked()" action="change_credintls" method="post" enctype="multipart/form-data"> 
     <input type="text"ng-model="username"name="username"class="form-control"maxlength="20"  placeholder="ENTER NEW USERNAME"Required > 
     <input type="text"name="password"ng-model="pass"class="form-control"maxlength="20"  placeholder="ENTER NEW PASSWORD"Required >  
     <input style="border-radius:0px;"type="submit" CLASS="btn btn-primary btn-sm"value="CHANGE CREDIANTLS">
</form>

这是我的角度代码

  <script>
     var app= angular.module('myapp',[]);
     app.controller('mycntrl',function ($scope){
        $scope.checked= function(myform)
        { 
           if($scope.username == $scope.pass)
           {
             alert("Your user name and password can not be same");
             return false;
           }
        }

    });
  </script>

警报有效，但我无法停止表单提交

【问题讨论】：

如何停止表单提交？
已删除，但问题仍然存在。
使用 event.preventDefault();而不是返回 false

标签： javascript angularjs forms ng-bind-html

【解决方案1】：

试试这个。

HTML

   <form name="myform"ng-submit="checked($event)" action="change_credintls" method="post" enctype="multipart/form-data"> 
 <input type="text"ng-model="username"name="username"class="form-control"maxlength="20"  placeholder="ENTER NEW USERNAME"Required > 
 <input type="text"name="password"ng-model="pass"class="form-control"maxlength="20"  placeholder="ENTER NEW PASSWORD"Required >  
 <input style="border-radius:0px;"type="submit" CLASS="btn btn-primary btn-sm"value="CHANGE CREDIANTLS">

钓鱼者

    <script>
 var app= angular.module('myapp',[]);
 app.controller('mycntrl',function ($scope){
    $scope.checked= function($event,myform)
    { 
       if($scope.username == $scope.pass)
       {
         //alert("Your user name and password can not be same");
         $event.preventDefault()
       }
    }

});

它应该适合你。

【讨论】：