Question

我有一个使用jQuery AJAX请求提交的登录表单。我想使用“按钮”能够提交表单。但只有“按钮”没有响应功能（数据）

HTML：

foreach(i=seq_along(workers),.inorder=FALSE,.multicombine=TRUE) %dopar% {
  library(h2o)
  startCounter=1
  startCounterMax=3
  while(inherits(clusterStatus<-try({
      h2o.init(nthreads=-1)
      capture.output(h2o.clusterStatus())
    },silent=TRUE),"try-error")&(startCounter<=startCounterMax)) {
    startCounter=startCounter+1
  }
  if (startCounter>startCounterMax) stop("Failed to start h2o server for ",
                                         startCounterMax," successive times")

  return(clusterStatus)
}

的javascript：

<form action="" method="post" class="form-signin">
    <input type="text" placeholder="Username" id="user" class="form-control loginid">
    <input type="text" placeholder="Password" id="password" class="form-control loginpw">
    <input type="text" placeholder="Check" id="check" class="form-control ck_secure">
    <div class="captcha_block">
      <span id="captcha" class="captcha"></span>
      <a href="#" class="change" onclick="captchaCode()"> <img src="img/change.svg" alt="" class="photo04"></a>
    </div>
    <!-- <a href="#" class="login" id="login">Sign In</a> -->
    <!-- <input id="login" type="button" class="btn btn-lg btn-primary btn-block" value="Sign In"> -->
    <button id="login" class="btn btn-lg btn-primary btn-block" name="login">Sign In</button>

process.php：

$("#login").click(function(){
        if($('#code').text() != $('#check').val()){
          alert('error');
          location.reload();
        }
        else{
          $.post('./process.php',
            {
              type : 'login',
              user : $('#user').val(),
              Passwd: $('#password').val()
            },
            function(data){
              alert(data);
              window.location.href = '../';
          });
        }
      });

Answer 1

在登录按钮中添加属性type=button，如下所示。

<button type="button" id="login" class="btn btn-lg btn-primary btn-block" name="login">Sign In</button>

为什么jQuery / AJAX按钮不起作用

1 个答案: