通過輸入提交將不會在Chrome中使用ng-submit（但在Firefox中工作）

我做了一個看似正確的表單佈局，但提交併沒有發生，因爲我輸入密碼後輸入密碼。我需要點擊按鈕才能提交。我基於我的方法http://docs.angularjs.org/api/ng/directive/ngSubmit只有例外，我使用按鈕，而不是輸入。通過輸入提交將不會在Chrome中使用ng-submit（但在Firefox中工作）

<form name="loginForm" id="loginForm" ng-submit="login(credentials)"  novalidate="novalidate"> 
    <input type="password" placeholder="password" id="password" name="password" ng-model="credentials.password" ng-maxlength="40" required="required" form-control="form-control" class="form-control ng-valid-maxlength ng-dirty ng-valid ng-valid-required"> 
    <button type="submit" id="loginButton" ng-disabled="!loginForm.$valid" class="btn btn-primary btn-lg">Login</button> 
</form>

UPDATE行爲在Firefox，但不是在鉻。

來源

2014-04-02 Askar Ibragimov

在側面提交書寫警報不起作用。你需要調用控制器的方法，這將綁定到使用$ scope進行查看。 –

登錄是這樣一種方法，但它沒有被稱爲:( –

ng-submit不接受JavaScript，它接受angular expression。

因此，您的代碼將無法工作。

IFlogin是由這個標記訪問的範圍功能，那麼下面的工作：

<form name="loginForm" ng-submit="login(credentials)" novalidate>

如果不工作，那麼請檢查您的開發者控制檯 - 有什麼錯誤？很可能你的功能不在你認爲它的範圍內。在問題中提供您的JavaScript以獲得更準確的答案。

評論和我會更新，如果你仍然需要幫助。

來源

2014-04-02 10:19:07

嗨，謝謝。我發現表單的工作原理，但只在Firefox中，在Chrome中沒有。沒有控制檯錯誤。任何線索:) –

我有同樣的問題。檢查包含您的表單的元素。我的表單在包含DOM元素之外溢出，並且提交按鈕意外地位於溢出部分（包含div的高度小於表單的高度）。當我把它放在裏面的時候，它工作。我仍然不知道在Chrome中導致此問題的原因。也許這是在Chrome中角度的行爲。

編輯：

你也可以嘗試通過從窗體的父元素移除任何給定的高度固定它。

來源

2016-04-19 23:10:32

通過輸入提交將不會在Chrome中使用ng-submit（但在Firefox中工作）

回答

相關問題