Question

我经过长时间的裁员后回到网站开发，我正在使用bootstrap并创建一个简单的联系表单。如果验证出错，我想添加几个类，使表单元素变为红色并将小十字放在输入中。

我已经使用了bootstrap网站上的示例，我认为它工作正常。一旦我将内容放入表单中，addClass就不会坚持下去。输入闪烁红色并返回灰色边框。我已经删除了我的整个HTML，以检查它不是我做过的任何事情，并将错误缩小到标签。

任何帮助非常感谢。 PS我在这里的第一篇文章，如果我错过任何事情，道歉

number1 = ""
number2 = ""
number3 = ""
number4 = ""

numbers = input("Enter a string of positive integers separated by spaces: ")
print(" ")
newNum = [int(i) for i in numbers.split()]

line = 0
col = 0
lines = int(max(newNum))
length = len(newNum)

while line<lines:
    col = 0
    while col<length:
        if line<int(newNum[col]):
            print('* ', end = '')
        else:
            print('  ', end = '')
        col = col+1
    line = line+1
    print("")

Answer 1

就像@AlonEitan所说，你需要禁用表单的默认操作，即提交表单并重新加载页面。您可以使用e.preventDefault()或return false停用该操作。如果发现错误，您可以有条件地禁用它，或者您可以默认禁用它，然后在验证表单后手动提交。这是一个例子。

$("#submitBtn").click(function(e){
  e.preventDefault();
  if (there are errors) {
    $("#emailError").show();
    $("#emailDiv").addClass("has-danger");
    $("#email").addClass("form-control-danger");
  } else {
    $('#formId').submit();
  }
});

Bootstrap addClass在Form中不起作用

1 个答案: