Html |将 <a> href url 设置为 jQuery

Question

我想在指定情况下加载 html。例如，我们在网站上看到的登录按钮只有在 id 和密码正确的情况下才会加载页面 (html)。

<a class="btn btn-primary btn-lg" id="singIn" href="#" role="button">Sign In</a>

这是html中的登录按钮。

$('#singIn').click(function() {
    var userID = $('#userID').val();
    var userPW = $('#userPW').val();
    var tempID = "test";
    var tempPW = "12345";

    if (userID === tempID && userPW === tempPW) {
        alert("userID : " + userID + ", userPW : " + userPW);
      //TODO : load the local html file.
      //var url = $(this).attr("href");
    } else {
        alert("userID : " + userID + ", userPW : " + userPW);
      //TODO : load the other local html file or just alert.
    }
});

这是我要加载本地 html 文件的部分（if/else 语句）。

我该怎么做？请告诉我。谢谢。

Answer 1

尝试这样的事情，

  $(this).attr('href', 'local url goes here');

Answer 2

为实际提交尝试一个带有隐藏按钮的验证函数：

$('[type="button"]').click(function() {
  var valid = true;
  $.each($('input'), function() {
    valid = valid && $(this).val().length > 0;
  })
  if (valid) {
    var location = 'http://www.rootdir.com/?user=' + $('input').get(0).value;
    location += '&password=' + $('input').get(1).value;
    alert(location);
    //  window.location.href = location;    <-- uncomment to redirect to this url
  } else {
    alert('Please fill out all fields!');
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" placeholder="Enter Name" />
<input type="password" placeholder="Enter Password" />
<button type="button">Submit</button>
<button type="submit" id="realSubmit" style="display:none"></button>