php - 如果我的 javascript 函数返回 false，如何停止在下一个选项卡上滚动或移动

Question

//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，我想停止此导航。

Answer 1

解释

嗯，你的问题有点……因为缺少一个更好的词，“不确定”。不过，我明白你想做什么。

首先，当链接也响应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>

---

解决方案

Here's a JSFiddle example .

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;
}

附加信息；很高兴知道

• Here's a great article about what you should do instead of return false;
• > Some documentation on form validation
• > Here's a similar question
• > Here's another question, asking about the reason for return