form表单中submit提交按钮绑定onclick事件 先提交还是先处理事件?
亲测结果: 先执行hello(); 依照hello()返回值如果为false,则停止,否则执行提交操作
代码示例:
<script type="text/javascript"> function hello() {document.getElementById('title-contact').innerHTML="<img src=/statics/images/loading1.gif>正在登录交大系统..."; document.getElementById('contact-form').style.display="none"; } </script> <h3 class="title title-contact" id="title-contact" style="text-align: center; color: red"></h3> <form action="/jiaoda/login/" id="contact-form" method="post"> <input type="text" name="userid" value="" placeholder="你的交通大学学生号" autocomplete="off" /> <input type="password" name="password" value="" placeholder="你的交通大学系统登录密码" /> <div class="footer-form" style="text-align: right"> <button type="submit" id="submit-btn" onclick="hello()" class="btn btn-color hover-animate">登录交大系统</button> </div> </form>
显示样式:
点击提交:
0顶
0 踩
共 0 条评论