正在尝试使用href运行javascript进行验证

Trying to run javascript with a href for validation

本文关键字:javascript 运行 验证 href      更新时间:2023-09-26

在我的网页底部,我有一个提交按钮。我用过这个代码:

<a onClick="myFunction(); return false;" href="testpage.html">Submit</a>

我想做的是,当我的函数被调用时,我正在检查验证。如果是false,我的函数会发出警报,用户不会离开当前页面。。。这就是我想要的。当它是真的。。。没有任何变化。如果是真的,我希望他们转到下一个链接。

function myFunction() {
            if (localStorage.length != 3) {
                alert("Missing Values");
            } else {
                break;
            } 
        }

当我中断时,它会转到下一个链接,但现在即使满足了要求,也不会调用警报。此外,即使满足if块的要求,else块中的中断也会被调用吗?

Well return false取消操作。因此,如果你不想停止链接,你需要删除它。

<a onclick="return myFunction();" href="testpage.html">Submit</a>

现在从myFunction 返回true或false

function myFunction() {
    if (localStorage.length != 3) {
        alert("Missing Values");
        return false;
    }
    return true;
} 

将html重写为<a onClick="myFunction()" href="testpage.html">Submit</a>,函数为:

function myFunction() {
  if (localStorage.length != 3) {
     event.preventDefault();
  } 
}

请参见Fiddle:https://jsfiddle.net/ermakovnikolay/L0q7ocgg/