当点击提交按钮时表单没有提交
Form not submitting when clicking submit button
我在我的网站上添加了一些Javascript验证表单。该站点连接到数据库很好,但是当您单击提交按钮时,没有采取任何操作。
这是位于页面页脚的表单:
<div id="add_restaurant" class="full-shadow">
<h4>Add a Restaurant</h4>
<form name="submitForm" action="<?php echo $pageName ?>" method="POST">
<ul class="radio_list" id="category">
<li>Category:</li>
<li><label class="radiobtn"><input name="category" type="radio" value="healthy" id="is_healthy" checked="checked"/>Healthy</label></li>
<li><label class="radiobtn"><input name="category" type="radio" value="unhealthy" id="is_unhealthy"/>Unhealthy</label></li>
</ul>
<br />
<label>Name:</label> <input name="rest_name" id="rest_name" type="text" autocomplete="off"/>
<input id="submit" type="submit" name="submit" value="Submit">
</form>
<p id="add_thanks"></p>
</div>
我想问题是我忽视了一些简单的东西。有人能帮忙吗?
编辑:我发现问题是在这里我的JS验证:
$('#submit').off('click').on('click', function(){
if($('#rest_name').val() === ""){
$('#add_thanks').html("Please type in a restaurant name.");
}
return false;
});
如果我禁用此代码,我的表单工作。是什么导致了这个JavaScript代码中的问题?
您没有打印$pageName:
<form name="submitForm" action="<?php echo $pageName ?>" method="POST">
你的JavaScript验证是取消每次点击,而不仅仅是当有一个错误。
$('#submit').off('click').on('click', function(){
if($('#rest_name').val() === ""){
$('#add_thanks').html("Please type in a restaurant name.");
return false; //<-- add this
}
//return false; <-- remove this
});
两个位置,第一个是在表单的操作部分打印$pageName,第二个是在操作页面中定义$submit。
这是你写的
<form name="submitForm" action="<?php $pageName ?>" method="POST">
您需要打印$pageName
变量。
<form name="submitForm" action="<?php print($pageName); ?>" method="POST">
这可能看起来很傻。但是试试这个:
删除所有脚本。然后在onclick事件上运行下面一行。
$("form").submit();
您的表单将不会被提交。
重命名按钮的id和name:
<input id="btnSubmit" type="submit" name="btnSubmit" value="Submit">
删除所有脚本。然后在onclick事件上运行下面一行。
$("form").submit();
您的表格将被提交。
"你不应该使用'submit'作为你的id和name"
相关文章:
- Jquery提交表单而不刷新
- 如何在提交表单时将PHP变量传递到Javascript cookie中
- 每次提交表单时都会重新加载网页
- Razor中的自动提交表单
- 使用 JavaScript 自动提交表单
- 点击相同的按钮打开模型,然后提交表单
- 添加和删除隐藏字段数组中的值,而不提交表单
- 使用Ajax提交表单
- jQuery:使用“jQuery验证”后无法提交表单's远程验证
- 如何在不重新加载的情况下提交表单,并使用Node+Express将数据传递回同一页面
- 有登录表单时无法提交表单
- 带有select的jquery提交表单不起作用
- 如何防止回车键提交表单,但仍然允许回车工作
- 使用按钮和单选按钮提交表单,但始终使用相同的值
- 在提交表单之前确定重复值
- 如何创建动态ajax提交表单
- HTML提交表单,同时包含空字段检查和按钮隐藏
- 如何使用jQueryAjax使用动态html输入texbox提交表单
- 当触发下拉列表的onchange事件时,使用JavaScript提交表单
- 提交表单后,Watir文本框输入未持续(重置为以前的文本框输入)