码迷,mamicode.com
首页 > Web开发 > 详细

jQuery 实现最简单的form表单提交 Loding 功能

时间:2015-09-22 18:03:54      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:

<html>
<head><title></title></head>
<body>
    <form name="example" onsubmit="return checkForm()" action="${ctx }threeLesson/addThreeLesson" method="post">            
        <table id="loading" style="display:none">
            <tr>
                <td width="80px" style="text-align:right;"></td>
                <td>
                    <div class="loading-indicator" style="color: red; font-size: 25px;" >正在执行中 , 请稍候…… (*^__^*)</div>
                </td>
            </tr>
        </table>
        
        <table>
            <tr>
                <td>
                    <table>
                        <tr>
                            <td valign="top" width="150px" style="text-align:left;">&nbsp;</td>
                            <td width="150px" style="text-align:left;">
                                <input id="login" type="submit" value="确  定"/>&nbsp;&nbsp;&nbsp;
                                <input type=‘button‘ onclick=‘javascript:history.go(-1)‘ value="返 回" />
                            </td>
                        </tr>
                    </table> 
                </td>                      
            </tr>
        </table>
    </form>
</body>
<script type="text/javascript">
    function checkForm(){
        var lDiv = document.getElementById("loading");
        if(lDiv.style.display==none){
            lDiv.style.display=block;
        }
    }
</script>
</html>

 

jQuery 实现最简单的form表单提交 Loding 功能

标签:

原文地址:http://www.cnblogs.com/sunhaoyu/p/4829312.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!