JS中submit提交按钮中的submit啥情况不会被触发

Posted 2023-05-08

现在做出的方法进行处理是在html对应的表单的标签中添加onsubmit事件,而不是在submit类型的提交按钮中添加表单事件.处理方式例子:
//<form action="UploadServlet" enctype="multipart/form-data" method="post" onsubmit="return verify();">
在myeclipse中return verify()编译器可能会提示错误.不要在意,但是经过测试,return是必须写的,这一点为什么还不清楚 因为之前写的submit验证 可以不用写return 于事件表达式中还是一样可以触发的.

先占坑,至于具体原因是什么还不清楚,有机会了解再补充. 参考技术A 现在做出的方法进行处理是在html对应的表单的标签中添加onsubmit事件,而不是在submit类型的提交按钮中添加表单事件.处理方式例子:
//<form action="UploadServlet" enctype="multipart/form-data" method="post" onsubmit="return verify();">
在myeclipse中return verify()编译器可能会提示错误.不要在意,但是经过测试,return是必须写的,这一点为什么还不清楚 因为之前写的submit验证 可以不用写return 于事件表达式中还是一样可以触发的.

作者：Yaya Match
链接：http://www.zhihu.com/question/36056788/answer/65755021
来源：知乎
著作权归作者所有，转载请联系作者获得授权。

js笔记神奇的js将a标签转换为超强的submit按钮

标题可能说的有点浮夸了0.o

在以前做页面的时候，是将form表单中的提交按钮写成

<input type="submit" />

但是，总是觉得没有a标签设置样式好用，所以写了这样一个js函数来实现将a标签转换为submit按钮。

先上码：

js代码：

// 将a标签可用于表单（form）的提交js函数
//适用于一个form中有多个submit情况
function tosubmit(action_str){
    var myform=document.getElementById("myform");
    if(action_str==null){
          myform.submit();
    }else{
        myform.action= action_str;
        myform.submit();
    } 
    return false;
}

使用方法：

<form action=" action地址" class="myform" id="myform">
                    <input  name = "searchContent" value="${searchContent }"type="text" />
                    <div class="search-list">
                    <a href="#" class="search-btn" onclick="tosubmit(‘action地址1‘)">搜索1</a>
                            <ul>
                                    <li><a href="#" onclick="tosubmit(‘action地址2‘)">搜素2</a></li>
                                    <li><a href="#" onclick="tosubmit()">搜索3</a></li>
                            </ul>
                    </div>
                    </form>

说明：

　　1.将a标签中href设置为“#”；

　　2.设置oclick来调用js函数，如果填入参数，则跳转到指定的action

　　3.默认如果不填参数是跳转到form的action