javascript onclick事件中的两个函数?

时间:2013-07-16 09:52:57

标签: javascript jquery html javascript-events

<a href="#" type="image"  class="topopup"  onclick="ShowDIV3();"  >Click Here</a>

在这段代码中,我需要执行另一个函数,如验证,如果该函数为true,则只运行下一个函数,否则将无法运行。任何人都可以帮助我吗?

8 个答案:

答案 0 :(得分:4)

试试这段代码:

<a href="#" type="image"  class="topopup"  onclick="if (ShowDIV3()) {myotherfunction()}">Click Here</a>

答案 1 :(得分:1)

试试这种方式

onclick=" if (ValidateFunction()) return ShowDIV3();"

答案 2 :(得分:1)

在jquery中你可以这样做,这也将允许多个处理程序和更好的事件规范化并改善关注点的分离。

$(".topopup").on("click", function(){
     if (ShowDIV3()){
         OtherStuff();
     }
});

答案 3 :(得分:1)

在最后的showDIV3()函数中有类似的内容,

function showDIV3()
{
    // Your process, and then at the end,

    if(result)
    {
        // Call the other function
    }
    else 
    {
       // Return false
    }
}

答案 4 :(得分:1)

尝试

<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函数

条件为真时,调用另一个函数

答案 5 :(得分:0)

为什么returning在那里执行?为什么不简单?

  function  ShowDIV3(){


      -----

    if(resultBoolean){
     proceedToanotherFunc();

    }

    }

Imho 这会更具可读性,除了在 html中编写逻辑

答案 6 :(得分:0)

ShowDIV3()函数中进行验证,并根据验证调用ShowDIV3()函数中的下一个函数

答案 7 :(得分:0)

只需在您的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,如果是真的,它将允许用户执行操作onclick="return ValidateStatments();"