Javascript 如何禁用html按钮jquery_Javascript_Php_Jquery_Html_Ajax

Javascript 如何禁用html按钮jquery

javascript php jquery html ajax

Javascript 如何禁用html按钮jquery,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,我正在尝试使用jquery禁用一个按钮，因此用户不能多次单击该按钮，但它不起作用。代码允许我反复单击register按钮！我做了研究并找到了解决方案，但似乎可以让它们在我的场景中发挥作用这是我的javascript $（文档）.ready（函数（）{ 这是我的html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Using GET</

我正在尝试使用jquery禁用一个按钮，因此用户不能多次单击该按钮，但它不起作用。代码允许我反复单击register按钮！我做了研究并找到了解决方案，但似乎可以让它们在我的场景中发挥作用

这是我的javascript $（文档）.ready（函数（）{

这是我的html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Using GET</title>
    <link rel="stylesheet" href="css.css" media="screen" type="text/css">
  </head>
  <body>

<h1>Click the button to Register now</h1>
<button type="button" >

  <a id='button' href="register.php">Register</a>

</button>


<div class="msg">

</div>



<div class="msg2">

</div>

<div class="all">

<button type="button" class="red">X</button>

</div>
<script src='../jquery.js'></script>
<script type="text/javascript" src='custom.js'></script>

  </body>
</html>


使用GET
单击按钮立即注册
X

这是我的ajax调用的文件

    <?php

    if(isset($_POST['pull_form'])) {


      ?>
    <div class="all">
    <h2>Register</h2>




    <form class="" action="index.html" method="post">


      <input type="text" name="name" value="">
      <input type="text" name="password" value="">
      <input type="submit" name="submit" value="Submit">

    </form>

    </div>
    <?php
    }

     ?>


登记
您的#按钮不是一个按钮，它是一个a
元素。要禁用a
标记重定向您，您应该将其href
属性设置为javascript:void（0）
您的#按钮
不是一个按钮，它是一个a
元素。要禁用a
标记重定向您，您应该将其href
属性设置为javascript:void（0）
首先，您可以更改#按钮
元素。它不是按钮。您只能使用标记
并遵循：
<form class="Myfrom" action="your_action_page.php" method="post">
      <input type="text" name="name" value="">
      <input type="text" name="password" value="">
      <input type="submit" id="submit-button" name="submit" value="Submit">
</form>

$(".Myfrom").on("submit", "#submit-button", function(e){
     e.preventDefault() ;
     $(this).prop('disabled',true);
});


$（“.Myfrom”）。在（“提交”、“提交按钮”上，函数（e）{
e、 预防默认值（）；
$（this.prop（'disabled'，true）；
});
首先，您可以更改#按钮
元素。它不是按钮。您只能使用标记
并遵循：
<form class="Myfrom" action="your_action_page.php" method="post">
      <input type="text" name="name" value="">
      <input type="text" name="password" value="">
      <input type="submit" id="submit-button" name="submit" value="Submit">
</form>

$(".Myfrom").on("submit", "#submit-button", function(e){
     e.preventDefault() ;
     $(this).prop('disabled',true);
});


$（“.Myfrom”）。在（“提交”、“提交按钮”上，函数（e）{
e、 预防默认值（）；
$（this.prop（'disabled'，true）；
});
您需要查看以下内容：
一个小例子：
不要担心按钮上的事件，控制提交表单事件。
此外，您还可以尝试将php post代码放在不同的文件中，而不使用HTML。您需要查看以下内容：
一个小例子：
不要担心按钮上的事件，控制提交表单事件。
你也可以尝试将你的php post代码放在一个不同的文件中，不带HTML。
拿你来说我使用的id按钮，是不是很糟糕？我知道。但是环绕它的按钮仍然在视觉上点击。你可以将元素设计成按钮，或者将链接功能移动到按钮元素。一个在另一个里面是不好的。谢谢你的正确修复d我的问题lolTake you我使用了id按钮，这很糟糕吗？我知道。但是环绕它的按钮仍然可以在视觉上点击。你可以将元素设置为按钮样式，或者将链接功能移动到按钮元素。一个在另一个内部是不好的。谢谢你的权利修复了我的问题lolyou也可以做
而不是javascript:void（0）
我使用preventDefault来阻止它重定向me@Bwolfing如果您使用它，您仍然可以单击它，并且为了证明您可以尝试，链接颜色会发生变化。您还可以执行
而不是javascript:void（0）
我使用preventDefault来阻止它重定向me@Bwolfing如果你使用它，你仍然可以点击它，为了证明你可以尝试，链接的颜色会改变。是的，我的html很差，但这肯定能修复它，谢谢。我觉得很有趣，我花了一整晚的时间来编写最难的东西，但无法正确处理简单的事情。是的，我的html很糟糕r，但这绝对解决了它，谢谢。我觉得很有趣，我花了一整晚的时间来编写最困难的东西，但无法正确地完成简单的事情。哈哈