javascript - 动态更改 href jquery 的 onclick 功能

Question

我有一个 javascript 函数(用于保存表单值)已在通用 js 文件中全局定义，现在我需要根据某些条件使用其他一些功能来覆盖该函数。有什么方法可以动态地将 javascript 函数附加到 a href onclick 吗？我尝试了这种方法，但它不起作用。有人可以帮我吗？

父级 html:

<a href="#" onclick="Save();" id="SaveLink"/>

Common.js:

function Save()
{
    //do something
}

我的 child html 调用 ValidateForm 函数(在 Common.js 中可用)来验证表单如果无效，则停止调用全局 Save() 函数。

function ValidateForm()
{
    var responseValid = false; //false for now
    if (!responseValid)
    {
        $("#SaveLink").on("click", function (e) {
            alert("This response is not valid");
            return false;
        });
    }
    else
    {
        $("#SaveLink").on("click", "Save();"); //call the global Save function
    }
}

更新的代码:

function ValidateForm()
{
    var responseValid = false; //false for now
    if (!responseValid)
    {
        //$("#SaveLink").prop("onclick", null);
        $("#SaveLink")[0].onclick = null;
        $("#SaveLink").on("click", function (e) {
            alert("This response is not valid");
            return false;
        });
    }
    else
    {
        //call the global Save function
        //$("#SaveLink").prop("onclick", null);
        $("#SaveLink")[0].onclick = null;
        $("#SaveLink").on("click", function (e) {
            Save();
            e.preventDefault();
        });
    }
}

Answer 1

<a href="#"  id="SaveLink" onclick="$.Save(this.id);"/>

 JQuery Code:
 $.Save=function(id)
 {
  //by using id you can apply your conditions 
  }