html-表单提交submit带了onclick的总结

执行顺序参考:https://blog.csdn.net/mixiuali/article/details/12496485

1.基础知识

<input type="submit" >:特殊的button,会自动将表单的数据提交;

2.

<form id="form1" action="#" method="POST" name="A" οnsubmit="return func()">

<input type="submit" value = "submit"   onclick = "return func()" /></form>

function func(){ return true false }

执行顺序: onclick > onsubmit >submit

用户单击了表单中的 Submit 按钮而提交一个表单时,先调用onclick,只要 onclick 未 return false 那么就继续执行 onsubmit,

只要 onsubmit 未return false 那么表单就被提交出去了。

另外一点写法上注意,οnclick="return func()",这里写return 才能取得函数的返回值,(否则只是调用函数,返回值未被传递,会继续执行submit)

3.表单验证问题

<input type="submit" >自带了表单验证功能,但在下面情况会失效,需要自己写校验功能

<input type="button"  onclick ="func()">

function func{
            var form = document.getElementById('form1');
            form.submit();//在这里不会做表单验证
        }

发布了4 篇原创文章 · 获赞 0 · 访问量 34
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览