溫泉-ui：按鈕提交不提交表格

我已經在onsen-ui構建了一個正常的表格，但如果我嘗試使用ons-button而不是正常的button，表單不會提交。溫泉-ui：按鈕提交不提交表格

<!-- doesn't work --> 
<ons-button type="submit">Submit</ons-button> 

<!-- works --> 
<button type="submit">Submit</button>

這是一個我正在使用AngularJS處理的表單。我注意到有一個resolved issue是相似的，但我使用的OnsenUI v1.1.4應該包含此修復到現在。

如果有幫助，這是HTML標記ons-button是生產：

<ons-button type="submit" class="ng-isolate-scope button effeckt-button slide-left"><span class="label ons-button-inner"><span class="ng-scope">Submit</span></span> 
    <span class="spinner button__spinner "></span> 
</ons-button>

來源

2014-10-10 Daniel Alexiuc

由於ONS-按鈕指令不支持「提交」，請在這種情況下，採用正常的按鈕，而不是ONS-按鈕。我會把這個報告給Onsen UI團隊。

來源

2014-10-14 02:25:59 Ataru

已經通過onsen框架添加了此功能嗎？ – nespapu 2015-03-06 07:50:06

我不確定。如果您仍然有任何關於「提交」的問題，請在git hub問題上發帖。 https://github.com/OnsenUI/OnsenUI/issues然後團隊會回覆。 – Ataru 2015-03-06 08:04:20

您可以嘗試以下方式，將ons-switch作爲一個角度模型給出，並檢查它何時提交。

javascript

$scope.testClick = function(item) { 
    console.log($scope.switch); 
    console.log(item); 
}

markup

<ons-list-item> 
    <ons-switch ng-click="switch(switch)" ng-model="switch" checked></ons-switch> 
</ons-list-item> 
<ons-button ng-click="testClick(item)">Lorem</ons-button>

來源

2014-11-14 01:59:56

它看起來並不像溫泉會支持這樣的：https://github.com/OnsenUI/OnsenUI/issues/1538

我的解決方案是使用一個正常的按鈕，但設置類「按鈕「，以便接收溫泉造型：

<button type="submit" class="button">

來源

2017-10-11 23:33:15 AKMorris

溫泉-ui：按鈕提交不提交表格

回答

相關問題