<form name="form" form id="form" method="POST" action="a.asp" onSubmit="return checkdata()"> <div class="text"> <span>事件1</span> <input name="1" type="text" placeholder="事件1" class="input" id="1"> </div> <div class="text"> <span>事件2</span> <input name="2" type="text" placeholder="事件2" class="input" id="2"> </div> <div class="text"> <span>事件3</span> <input name="3" type="text" placeholder="事件3" class="input" id="3"> </div> <div class="text"> <span>事件4</span> <input name="4" type="text" placeholder="事件4" class="input" id="4"> </div> <div class="text"> <span>事件5</span> <input name="5" type="text" placeholder="事件5" class="input"" id="5"> <select name="9" class="input_tab" id="9"> <option value="1"> 事件 1 次 </option> <option value="2"> 事件 2 次 </option> <option value="3"> 事件 3 次 </option> <option value="4"> 事件 4 次 </option> <option value="5"> 事件 5 次 </option> <option value="6"> 事件 6 次 </option> <option value="7"> 事件 7 次 </option> <option value="8"> 事件 8 次 </option> <option value="9"> 事件 9 次 </option> </select></span> </div> <div class="text"> <span>事件6</span> <input name="6" type="text" placeholder="事件6" class="input"" id="6""6> </div> <div class="text"> <span>事件7</span> <input name="7" type="text" placeholder="事件7" class="input" id="7"> </div> <script> var form_loading = false; function getNameDom(name){ return document.getElementsByName(name)[0]; } function checkdata (){ if(form_loading){ alert('当前页面加载中,请稍后!如果未成功提交事件,请刷新当前页面。'); return false; } if(getNameDom('1').value === ''){ alert('提示1'); return false; } if(getNameDom('2').value === ''){ alert('提示2'); return false; } if(getNameDom('3').value === ''){ alert('提示3'); return false; } if(getNameDom('4').value === ''){ alert('提示4'); return false; } if(getNameDom('5').value === ''){ alert('提示5'); return false; } if(getNameDom('6').value === ''){ alert('提示6'); return false; } if(getNameDom('7').value === ''){ alert('提示7'); return false; } form_loading = true; return true; }</script><div class="action-list"><a class="yellow-color add_cart" span onClick="document.getElementById('form').reset()"> 重置事件 </a><a class="red-color directorder" onClick="checkdata()"> 提交事件 </a>
<a class="red-color directorder" onClick="checkdata()"> 提交事件 </a>改成submit按钮,click事件不需要了。因为表单已经添加过onsubmit事件,只需要触发这个事件的按钮就行。
<button type="submit" class="red-color directorder"> 提交事件 </button>
你原来的这个只是执行了checkdata函数,没做什么操作,当然不会提交表单什么的
一定要用a,需要用js提交表单,添加下面黑色下划线那句
<script>
var form_loading = false;
function getNameDom(name) {
return document.getElementsByName(name)[0];
}
function checkdata() {
if (form_loading) {
alert('当前页面加载中,请稍后!如果未成功提交事件,请刷新当前页面。');
return false;
}
if (getNameDom('1').value === '') { alert('提示1'); return false; }
if (getNameDom('2').value === '') {
alert('提示2'); return false;
}
if (getNameDom('3').value === '') { alert('提示3'); return false; }
if (getNameDom('4').value === '') {
alert('提示4'); return false;
}
if (getNameDom('5').value === '') { alert('提示5'); return false; }
if (getNameDom('6').value === '') {
alert('提示6'); return false;
}
if (getNameDom('7').value === '') {
alert('提示7'); return false;
}
form_loading = true;
document.getElementById('form').submit();
return true;
}
</script>
帮助到你可以点击采纳支持下吗,谢谢~~
你的重置事件写的是
onClick="document.getElementById('form').reset()"
将后面提交事件也写成一样的就可以了呀。
onClick="document.getElementById('form').submit()"
你最好用代码块发布问题这样太乱了,不好读
您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~
如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~
ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632