javascript – 如何禁用提交操作

前端之家收集整理的这篇文章主要介绍了javascript – 如何禁用提交操作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
嗨我有这个表单,我不想在单击提交按钮时执行操作.我想要做的就是执行一个将数据加载到div中的函数.有任何想法吗??
<form  method="POST"   action="" id="search-form">
          <input type="text" name="keywords"  />
          <input type="submit" value="Search" id="sButton" onclick="loadXMLDoc('file.xml')" />
</form>

解决方法

onclick="loadXMLDoc('file.xml'); return false;"

甚至更好:

<script>
    window.onload = function() { 
        document.getElementById("search-form").onsubmit = function() { 
            loadXMLDoc('file.xml');
            return false;
        };
    };
</script>

要实现loadXMLDoc,可以在jQuery中使用ajax模块.例如:

function loadXMLDoc() { 
    $("div").load("file.xml");
}

使用jQuery的最终代码

<script>
    $(function() { 
        $("#search-form").submit(function() { 
            $("div").load("file.xml");
            return false;
        });
    });
</script>

猜你在找的JavaScript相关文章