javascript - jquery on click

转载 作者：行者123 更新时间：2023-12-03 10:25:13 24 4

我尝试了几个例子，但没有任何效果。但我收到了警报，所以我真的不明白。当我的表单未发送任何数据时，为什么会收到警报？如果我使用输入，一切正常。我也尝试将脚本放入 js 文件中，但结果仍然相同。

<form action="includes/process_login.php" method="post" name="login_form">  
    <li class='mainMenu menuDeroulant' id='btnGames'>
        Jeu <img class='arrow' src="Styles/Images/triangle.png" alt="">
    </li>
    <li class='mainMenu' id='btnReward'>Récompenses <img class='arrow' src="Styles/Images/triangle.png" alt=""></li>
    <input class='loginInfo' type="text" placeholder='Username' name="email">
        <input class='loginInfo' type="password" placeholder='Password' name="password" id="password">
    <li id='btnJouer' class='mainMenu'>JOUER</li>
    <li class='mainMenu' id='btnPlayer'>Player <img class='arrow' src="Styles/Images/triangle.png" alt=""></li>
    <li id='btnAdmin' class='mainMenu menuDeroulant'>Admin <img class='arrow' src="Styles/Images/triangle.png" alt=""></li>
    <li class="mainMenu loginInfo"><img src="Styles/Images/facebookBtn.png" alt=""></li>                    
    <li class='mainMenu loginInfo'><a id="myanchorid" href="#">Connexion</a></li>
    <li class='mainMenu loginInfo'>Inscription</li>
    <a href="indexEN.php"><li class='mainMenu'>EN</li></a>     
</form>

<script>
  $(function(){
    function yourfunction(event) {
      alert('some anchor clicked');
      formhash(this.form, this.form.password);
      return false;
    }
    $('#myanchorid').click(yourfunction);
    $('a.anchorclass').click(yourfunction);
    $('#anchorlist > a').click(yourfunction);
  });
</script>

我的js文件:

function formhash(form, password) {
// Create a new element input, this will be our hashed password field. 

    var p = document.createElement("input");

    // Add the new element to our form. 
    form.appendChild(p);
    p.name = "p";
    p.type = "hidden";
    p.value = hex_sha512(password.value);

    // Make sure the plaintext password doesn't get sent. 
    password.value = "";

    // Finally submit the form. 
    form.submit();
}

最佳答案

首先，function formhash(form,password) 超出了 $(function(){ block 的范围。因此，警报被触发，但 formhash 是未定义。

将 formhash block 移动到 $(function(){ block 内。

接下来，什么被发送到 formhash 函数？试试这个:

  function yourfunction(event) {
        alert('some anchor clicked');
        formhash($("form")[0], $("#password"));
        return false;
  }

此外，hex_sha512 未定义。希望这一切都有帮助!!

工作演示:http://jsfiddle.net/6bL6kj54/3/

关于javascript - jquery on click <a 标签不适用于我的参数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29434394/

24 4 0

• android - 适用:找不到release.keystore

  我在我的 Xcode 项目目录中输入了以下内容: keytool -genkey -v -keystore release.keystore -alias mykey -keyalg RSA \

• python - Pandas 适用，但访问之前计算的值

  假设我有一个像这样的 DataFrame(或 Series): Value 0 0.5 1 0.8 2 -0.2 3 None 4 None 5 None

• python - 冗长的 Pandas 适用

  我正在对一个 Pandas 系列进行相对繁重的应用。有什么方法可以返回一些打印反馈，说明每次调用函数时在函数内部进行打印还有多远？ 最佳答案 您可以使用跟踪器包装您的函数。以下两个示例，一个基于完成的

• python - 当单元格包含列表时， Pandas 适用

  我有一个 DataFrame，其中一列包含列表作为单元格内容，如下所示: import pandas as pd df = pd.DataFrame({ 'col_lists': [[1, 2

• python - Pandas 适用，但仅适用于满足条件的行

  我想使用 Pandas df.apply 但仅限于某些行 作为一个例子，我想做这样的事情，但我的实际问题有点复杂: import pandas as pd import math z = pd.Dat

• python - 如果条件适用于后续行和分组依据，则 Pandas 适用

  我有以下 Pandas 数据框 id dist ds 0 0 0 0 5 1 0 0 7 2 0 0

• java - gradle没有java方法的签名(hashmap.getOrDefault)适用

  这发生在我尝试使用 Gradle 构建时。由于字符串是对象，因此似乎没有理由发生此错误: No signature of method: java.util.HashMap.getOrDefault(

• javascript - Backbone 示例应用程序和 javascript 适用

  您好，有人可以解释为什么在 remaining() 函数中的 Backbone 示例应用程序 ( http://backbonejs.org/examples/todos/index.html ) 中

• grails - Grails BootStrap:无方法签名:* .addTo *适用

  我有两个域类:用户 class User { String username String password String email Date dateCreated

• python - 类型错误 : Positional Arguments with pandas. 适用

  问题陈述: 一个 pandas dataframe 列系列，same_group 需要根据两个现有列 row 和 col 的值从 bool 值创建。如果两个值在字典 memberships 中具有相似

• android - 适用:iOS 7.1 支持 MKMapItem

  apporable 报告以下错误: error: unknown type name 'MKMapItem'; did you mean 'MKMapView'? MKMapItem* destina

• python - 使用 API 调用时， throttle Pandas 适用

  我有一个带有地址列的大型 DataFrame: data addr 0 0.617964 IN,Krishnagiri,635115 1 0.635428 IN,Chennai

• c# - 无 Max() 适用 : Sequence contains no elements

  我有一个列表list，里面有这样的项目 ElementA: Number=1, Version=1 ElementB: Number=1, Version=2 ElementC: Number=1,

• ios - 适用: 'OBJC_CLASS_$_MKMapView' 和 'OBJC_CLASS_$_MKPinAnnotationView' 的编译失败

  我正在编译我的源代码，它只是在没有运行应用程序的情况下终止。这是我得到的日志: Build/android-armeabi-debug/com.app4u.portaldorugby/PortalDo

• python - 'numpy.float6 4' object has no attribute ' 适用'

  我正在尝试根据另一个单元格的值更改单元格值(颜色“红色”或“绿色”)。我运行以下命令: df.loc[0, 'Colour'] = df.loc[0, 'Count'].apply(lambda x:

• scalaz List[StateT].sequence - 找不到参数 n 的隐式值 : scalaz. 适用

  我想弄清楚如何使用 StateT结合两个 State基于对我的 Scalaz state monad examples 的评论的状态转换器回答。 看来我已经很接近了，但是在尝试申请 sequence

• c# - 如果源绑定(bind)适用，如何访问快速访问工具栏命令 `Add to Quick Access Tool`

  如果我已经为它绑定(bind)了集合，我该如何添加 RibbonLibrary 默认的快速访问项容器。当我从 UI 添加快速访问工具项时，它会抛出 Operation is not valid whi

• haskell - 适用:证明 `pure f <*> x = pure (flip ($)) <*> x <*> pure f`

  在我学习期间Typoclassopedia我遇到了这个证明，但我不确定我的证明是否正确。问题是: One might imagine a variant of the interchange law