Question

$("#submit-signin-button").click(function() {
    if($.trim($("#foo").val()) === ""){
        $(".error-message-uname").show();
    }
    if($.trim($("#bar").val()) === ""){
        $(".error-message-bar").show();
    }

    return false;

进行验证是否正确？因为在提交正确的表单后，它不会将数据发布到URL。

Answer 1

问题是你总是从这里返回false。只有在不应发布表单时，您才应返回false。

基于修订问题的非常基本的验证系统。除非发生错误，否则最初将变量设置为true（一切正常）。在表单验证上返回true将导致表单提交。

$("#submit-signin-button").click(function() {

  var isValid = true;

  if(!$.trim($("#foo").val()){
    $(".error-message-uname").show();
    isValid = false;
  }
  if(!$.trim($("#bar").val())){
    $(".error-message-bar").show();
    isValid = false;
  }

  return isValid;
}

对于简单的事情，这非常好，但是你可以使用一些验证jQuery插件（like this one）。

作为提示（您知道），空字符串在JavaScript中被视为falsey值。因此，您可以将$.trim($("#bar").val() === ""替换为!$.trim($("#bar").val()。

jquery验证错误

1 个答案: