gpt4 book ai didi

javascript - 当验证失败时,如何防止 anchor 标记在 JavaScript 中重定向

转载 作者:行者123 更新时间:2023-12-03 07:49:36 25 4
gpt4 key购买 nike

我有 5 个选项卡的 HTML,其中带有表单字段和底部的按钮,用于导航到下一个选项卡。如果单击“下一步”按钮验证失败,我想防止选项卡切换。目前,当验证失败时,选项卡会切换到下一个选项卡。我已经分别尝试了 event.preventDefault()return false 并组合使用,但这些在 Chrome 浏览器中都不起作用。任何建议都会有帮助。

<div class="row">
<ul class="nav nav-pills">
<li class="active" id="libdet">
<a data-toggle="tab" href="#bdetails">1. Service Basic details</a>
</li>
<li>
<a data-toggle="tab" href="#soptions">2. Service Options</a>
</li>
<li>
<a data-toggle="tab" href="#addInfor">3. Service Add. info</a>
</li>
<li>
<a data-toggle="tab" href="#addImgs">4. Images</a>
</li>
<li>
<a data-toggle="tab" href="#tandc">5. Terms &amp; Conditions</a
</li>
</ul>
</div>
<div class="col-xs-4">
<a data-toggle="tab" href="#soptions">
<button name="next" id="nextSB" onclick="validatefirsttab()">NEXT</button>
</a>
</div>
function validatefirsttab() {
if (document.form.productTitle.value == "") {
alert("Please provide Service title!");
document.form.productTitle.focus();
event.preventDefault();
return false;
}

最佳答案

您可以直接在jQuery中使用点击功能。您的按钮有一个可以使用的 ID,因此:

$("#nextSB").click(function(e){
if (document.form.productTitle.value == "") {
alert("Please provide Service title!");
document.form.productTitle.focus();
e.preventDefault();
return false;
}
}

那么你的按钮将是:

<button name="next" id="nextSB">NEXT</button>

在我看来,这个解决方案比使用 onclick 属性更干净。

关于javascript - 当验证失败时,如何防止 anchor 标记在 JavaScript 中重定向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35056213/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com