关于表单下的onclick、onsubmit、submit执行顺序
程序员文章站
2022-03-04 17:37:34
...
- 要求输入框内容为空时不提交表单,这个是普遍需求吧。
- 结构:
<div id="divForm">
<form id="searchForm" name="searchForm" action="RecordForm" method="post">
<input id="search_text" name="search_text" placeholder="请输入关键词"/>
<input type="submit" class="page_btn" onclick="return CheckSearch();" value="搜索"/>
</form>
</div>
- 请记住onclick的属性是:return XXX(); 是要返回true或者false然后submit判断的。
- 函数就这样:
function CheckSearch(){
var search_text = document.getElementById("search_text");
if(search_text.value=="")
return false;
return true;
}
看了几篇写的不是最基础,但是竟然根本没成功?!还是要实现功能了才有意义。
附上一个链接,解释了函数的执行顺序,大白话。
小里_Alex
https://blog.csdn.net/mixiuali/article/details/12496485
推荐阅读