<a href="#" type="image" class="topopup" onclick="ShowDIV3();" >Click Here</a>
このコードでは、検証のような別の関数を実行する必要があります。その関数が true の場合は、次の関数のみを実行する必要があります。それ以外の場合は実行されません。誰でも私を助けることができますか?
<a href="#" type="image" class="topopup" onclick="ShowDIV3();" >Click Here</a>
このコードでは、検証のような別の関数を実行する必要があります。その関数が true の場合は、次の関数のみを実行する必要があります。それ以外の場合は実行されません。誰でも私を助けることができますか?
この方法を試してください
onclick=" if (ValidateFunction()) return ShowDIV3();"
jqueryでは、このようにすることができます。これにより、複数のハンドラーと、より優れたイベントの正規化と、関心の分離の改善も可能になります。
$(".topopup").on("click", function(){
if (ShowDIV3()){
OtherStuff();
}
});
showDIV3()
最後の関数には、次のようなものがあります。
function showDIV3()
{
// Your process, and then at the end,
if(result)
{
// Call the other function
}
else
{
// Return false
}
}
のようにしてみてください
<a href="#" type="image" class="topopup" onclick="ShowDIV3();" >Click Here</a>
function ShowDIV3() {
if(true) //Here can use condition for validation
another_fun();
else
return false;
}
showDIV3
関数で条件が真の場合、別の関数を呼び出します
次のように、JavaScriptでさらにステートメントを作成するだけです
function ValidateStatments() {
var val = document.getElementById("Value 1").value;
var val2 = document.getElementById("Value 2").value;
if(val != "Value 1"){
return false;
}
else if (val2 != "Value2){
return false;
}
return true;
}
リンクにJavaScriptを追加して、trueの場合、ユーザーがアクションを実行できるようにしますonclick="return ValidateStatments();"
なぜreturning
そこにいて実行するのですか?? なぜ単純にしないのですか??
function ShowDIV3(){
-----
if(resultBoolean){
proceedToanotherFunc();
}
}
私見これは読みやすくなりますが、HTMLでロジックを書くこと以外は
関数で検証を行いShowDIV3()
、検証に応じて、関数内から次の関数を呼び出しShowDIV3()
ます