阻止表单提交，超链接默认行为

方法一：

<form action="" id="form1">
    <p>name: <input type="text" name="name" id="name" value=""></p>
    <p>age:  <input type="text" name="age" id="age" value=""></p>
    <p><input type="submit" value="提交" onclick="return sub()"></p>
</form>
<script>
    function sub(){
        console.log(11);
        return false;
    }
</script>

方法二：

<form action="" id="form1">
    <p>name: <input type="text" name="name" id="name" value=""></p>
    <p>age:  <input type="text" name="age" id="age" value=""></p>
    <p><input type="submit" value="提交" onclick="sub(); return false;"></p>
</form>
<script>
    function sub(){
        console.log(11);
    }
</script>

方法三：

<form action="" id="form">
    <p>name: <input type="text" name="name" id="name" value=""></p>
    <p>age:  <input type="text" name="age" id="age" value=""></p>
    <p><input type="submit" value="提交" id="sub" ></p>
</form>
<script>
    $(function() {
        $('#sub').on('click', function(event) {
            event.preventDefault();
            console.log(11);
        });
    });
</script>

阻止超链接的默认行为也是一样，这里需要注意的是 return false; 既可以阻止默认行为也可以阻止事件冒泡