Javascript 标题中的“提交”按钮无法提交
我正在开发一个jquery移动应用程序。在应用程序中,有一个表单用户必须提交,我已将提交按钮放在标题右侧。当用户填写完表单并点击带有Javascript 标题中的“提交”按钮无法提交,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我正在开发一个jquery移动应用程序。在应用程序中,有一个表单用户必须提交,我已将提交按钮放在标题右侧。当用户填写完表单并点击带有“ui btn right”类的submit按钮时,它无法提交 $(document).ready(function(){ $('.ui-btn-right').on('click', function(event) { $("#form1").on('submit',function(event){ event.preventD
“ui btn right”
类的submit按钮时,它无法提交
$(document).ready(function(){
$('.ui-btn-right').on('click', function(event) {
$("#form1").on('submit',function(event){
event.preventDefault();
data = $(this).serialize();
$.ajax({
type: "POST",
url: "register.php",
data: data
}).success(function() {
$("input[type=text]").val("");
});
});
});
});
HTML
这里只是猜测一下,因为我们看不到您的标记。但是,当您单击按钮时,看起来您实际上并没有提交表单,您只是连接了提交事件。试试这个
$(文档).ready(函数(){
$('.ui btn right')。在('click',函数(事件){
$('表格1')。提交();
});
$(“#form1”)。在('submit',函数(事件){
event.preventDefault();
数据=$(this).serialize();
$.ajax({
类型:“POST”,
url:“register.php”,
数据:数据
}).success(函数(){
$(“输入[类型=文本]”).val(“”);
});
});
});代码>这里只是猜测一下,因为我们看不到您的标记。但是,当您单击按钮时,看起来您实际上并没有提交表单,您只是连接了提交事件。试试这个
$(文档).ready(函数(){
$('.ui btn right')。在('click',函数(事件){
$('表格1')。提交();
});
$(“#form1”)。在('submit',函数(事件){
event.preventDefault();
数据=$(this).serialize();
$.ajax({
类型:“POST”,
url:“register.php”,
数据:数据
}).success(函数(){
$(“输入[类型=文本]”).val(“”);
});
});
});代码>试试这个
$(document).ready(function(){
$("#form1").on('submit',function(event){
event.preventDefault();
data = $(this).serialize();
$.ajax({
type: "POST",
url: "register.php",
data: data
}).success(function() {
$("input[type=text]").val("");
});
});
$('.ui-btn-right').on('click', function(event) {
$("#form1").submit(event);
});
});
试试这个
$(document).ready(function(){
$("#form1").on('submit',function(event){
event.preventDefault();
data = $(this).serialize();
$.ajax({
type: "POST",
url: "register.php",
data: data
}).success(function() {
$("input[type=text]").val("");
});
});
$('.ui-btn-right').on('click', function(event) {
$("#form1").submit(event);
});
});
如果您的按钮不在表单中,并且您希望触发提交事件,则必须执行以下操作:
$('.ui-btn-right').on('click', function(event) {
$("#form1").submit(function(event){
event.preventDefault();
stuff();
});
});
如果您的按钮不在表单中,并且您希望触发提交事件,则必须执行以下操作:
$('.ui-btn-right').on('click', function(event) {
$("#form1").submit(function(event){
event.preventDefault();
stuff();
});
});
也许我需要更多的数据来给出答案,但我们可以这样做
$('.ui-btn-right').on('click', function(event) {
check here any alert/console message is working
}
现在您已经创建了$(“#form1”)。在('submit
但要提交它,您需要执行以下操作
$("#form1").submit();
手动操作,因为我假设此按钮在您的表单之外。可能我需要更多数据来给出答案,但我们可以这样做
$('.ui-btn-right').on('click', function(event) {
check here any alert/console message is working
}
现在您已经创建了$(“#form1”)。在('submit
但要提交它,您需要执行以下操作
$("#form1").submit();
手动操作,因为我假设此按钮不在您的表单中。您的开发工具中是否收到任何错误消息?请查看HTML结构。我不明白为什么提交事件在单击事件中。用户确实已提交表单,因此不需要单击偶数。单击两次是否有效?请显示HTML.F或者我们都知道,提交按钮可能不在表单中。好吧,它甚至不是一个按钮。您的开发工具中是否收到任何错误消息?最好看看您的HTML结构。我不明白为什么提交事件在单击事件中。用户确实提交了表单,因此不需要单击偶数。当您单击两次时,它是否工作?P请显示HTML。据我们所知,提交按钮可能不在表单中。好吧,它甚至不是一个按钮。也就是说,将代码放入.ui btn right onclick事件处理程序中可能更有意义…也就是说,将代码放入.ui btn right onclick事件处理程序中可能更有意义…欢迎使用堆栈溢出。如果您提供了一个格式正确的Coheret答案,它更有可能有用。欢迎使用堆栈溢出。如果您提供了格式正确的Coheret答案,它更有可能有用。这与问题代码现在的状态有什么不同?他不会触发提交事件。这与问题代码现在的状态有什么不同?他没有't触发提交事件。这会将表单提交的绑定移到按钮单击之外,这会在加载时不必要地绑定事件,从而减慢页面速度,而不是在确定要使用它的时候。OP将其放置在正确的位置,只需要很小的更改。同样,这是假设,没有看到标记。您“我们假设有问题的按钮是提交表单的唯一方式。如果按钮之外还有其他方式,我的答案允许提交表单。标记在这里会有所帮助……我非常同意,我不知道为什么我会反对人们在使用点击按钮而不是提交表单时通常抱怨的做法。这让我很感动。”表单提交的绑定在按钮单击之外,这会在加载时不必要地绑定事件,从而减慢页面速度,而不是在确定要使用它的时候。OP将其放置在正确的位置,只需要进行非常小的更改。同样,这是假设,没有看到标记。您假设questi中的按钮on是提交表单的唯一方式。我的回答是,如果按钮之外还有其他方式,则可以提交表单。在这里,标记会有所帮助……我非常同意,我不知道为什么当人们使用单击按钮而不是提交表单时,我会反对我通常抱怨的做法。