我有一個使用jquery的Ui對話表單，它轉換的提交和取消按鈕都是[type="button']。我想把提交按鈕的型別改為 "提交"。
我怎樣才能做到這一點？ 我所有的嘗試都失敗了
。這是js代碼。
$('#jui-dialog-form-horizontal').dialog({
autoOpen: false,
modal: true,
width: 700,
按鈕。
{
Submit: function () {
$(this).dialog('close')。
},
取消：函式() {
$(this).dialog('close');
}
}
});
這是輸出到html。
< div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix"/span>>
<div class="ui-dialog-buttonset">/span>
< button type="button" class="ui-button ui-corner-all ui-widget" > 提交</按鈕>
< button type="button" class="ui-button ui-corner-all ui-widget" > 取消</按鈕>
</div>/span>
uj5u.com熱心網友回復：
請考慮下面的例子。在未來，請提供一個最小的、可重復的例子。
。$(function() {
$('#jui-dialog-form-horizontal'/span>).dialog({
autoOpen: false,
modal: true,
width: 700,
buttons: {
Submit: function（） {
$(this).dialog('close') 。
$("#jui-form").submit()。
},
Cancel。function() {
$（this）.dialog（'close'）。
}
}
});
$("#jui-form-save").click(function(event) {
event.preventDefault（）。
$('#jui-dialog-form-horizontal').dialog("open") 。
});
});< link rel="styleheet" href="/code. jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code. jquery.com/jquery-1.12.4.js"></script>
<script src="https://code. jquery.com/ui/1.12.1/jquery-ui.js"></script>
<form id="jui-form">/span>
<label>用戶名稱</label>
< input type="text" name="username" id="username" />
< button type="submit" id="jui-form-save" > 保存</按鈕>
</form>/span>
<div id="jui-dialog-form-horizontal"/span>>
<p>你確定要提交這個資料嗎？ </p>
</div>/span>這個例子向您展示了當用戶點擊對話框中的提交按鈕時，您如何在表單上觸發submit事件。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/319942.html
標籤：