2016-09-16 9 views
-2

HTML5検証の必須属性を使用しています。 html5が空の入力フィールドを検証してもフォームがまだ送信される理由はわかりません。入力が必要ですがまだフォームが送信されています

ここはPlunkerのリンクです。それが提出します。もちろん、http://plnkr.co/edit/evh0fCD5hdyoXXuxJrUy

<form name="searchUser" ng-submit="search(username)" validation> 
<input type="search" placeholder="Username" ng-minlength="1" ng-model="username" required/> 
<input type="submit" value="search" ng-click="search(username)" /> 
</form> 
+1

あなたは上の 'NG-click'イベントを持っています'search()'を呼び出すSubmitボタンをクリックします。もちろん、検証なしで送信します。また、あなたの '

'にあなたが持っている 'validation'属性は何ですか? – Ronnie

答えて

1

、必要な属性は、フィールドでの検証をトリガする、それが提出を停止文句を言いません。これが機能するためには、あなたがこのような何かをする必要があります:plnkr以下

if($scope.searchUser.$valid){ 
      $http.get("https://api.github.com/users/" + username) 
        .then(onUserComplete, onError); 

        $scope.user = null; 
    } 

http://plnkr.co/edit/XznoWH71arlV5RaDLJsd?p=preview

はそれが=をホープ)

関連する問題