gpt4 book ai didi

javascript - jQuery:无法让提交按钮工作

转载 作者:行者123 更新时间:2023-12-02 17:25:41 25 4
gpt4 key购买 nike

我熟悉 JavaScript,但对 jQuery 很陌生,目前非常迷茫。我意识到这个问题之前已经被问过,但我不清楚如何解决这个问题。我正在创建一个带有提交按钮的对话框。单击提交按钮时,它应该定向到函数“getUsername()”。我在 JavaScript 中测试了代码,并且成功运行,但无法使用 jQuery 对话框获得相同的结果。对话框显示,带有文本输入和提交按钮,但单击该按钮不会产生任何结果。

这是html代码:

<body onload="showDialog()">
<form id="usernameInput" action="" onsubmit="return getUsername()">
<br><br>
<input type="text" id="usernameBox" required>
<input type="submit" value="Start chatting!">
</form>
</div>
</body>

这是脚本:

 function showDialog(){
$(document).ready(function(){
$( "form" ).dialog({
open: function() {
$( this ).find( "[type=submit]" ).hide(); },
title: 'Enter username',
width: 500,
height: 300,
modal: false,
buttons: [{
text: "Start chatting!",
click: $.noop,
type: "submit"
}
]
});

});
}

最佳答案

因为提交按钮是在表单外部创建的,所以表单自动提交不起作用

function showDialog() {
$(document).ready(function () {
$("form").dialog({
open: function () {
$(this).find("[type=submit]").hide();
},
title: 'Enter username',
width: 500,
height: 300,
modal: false,
buttons: [{
text: "Start chatting!",
click: function(){
$("form").submit()
},
type: "submit"
}]
});

});
}

查看dom结构

DOM of the Dialog

演示:Fiddle

关于javascript - jQuery:无法让提交按钮工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23514173/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com