How to stop scrolling or moving on next tab if my javascript function returns false

//HTML Code
<div id="navigation1">
<ul>
<li><a href="#"><input type="submit" value="Next" 
       onClick="return checkfhname()" /></a></li>
</ul>
</div>

我的Javascript checkfhname()返回false，同时<li>标签导航到下一个选项卡表单，所以我想停止这个导航，如果Javascript返回false

说明

嗯，你的问题有点……找不到更好的词了，就叫"不确定"但是，我明白你想做什么。

首先，当链接也响应true/false时，不需要在链接中放入input元素。其次，永远不要在链接中放置输入元素。
这是个坏习惯。

当你通过Javascript返回false到一个链接时，这个链接不会引导你继续前进，就像当你从提交返回false时输入元素不会让你继续前进一样。

这应该足够了

<a href="#" onClick="return checkfhname()">Next</a>

如果你想要一个按钮，只需将其更改为按钮，添加url参数，并使用window.location = url，如果你想要它导航

<script>
    function checkNavigate(url){
        //check some conditions, conditions = false/true
        if(typeof url == "undefined" || !conditions) 
            return false;
        window.location = url;
        return true;
    }
</script>
<button onClick="checkNavigate('url')">Next</button>

<标题> 解决方案

这是一个JSFiddle的例子。

HTML

<div id="navigation">
    <ul>
        <li>
            <a href="#link_clicked" onClick='return checkfhName();'>Link</a>
        </li>
    </ul>
</div>

Javascript

function checkfhName(){
    //check your conditions, conditions = false/true
    //for the purposes of this example: conditions = false
    checkConditions = false;
    if(checkConditions){
        return true;
    }
    return false;
}

<标题>附加信息;很高兴知道

这里有一篇很棒的文章，告诉你应该怎么做而不是return false;
表单验证的一些文档
这里有一个类似的问题
这是另一个问题，询问返回

如何停止滚动或移动下一个标签，如果我的javascript函数返回false

How to stop scrolling or moving on next tab if my javascript function returns false

说明