Question

我正在创建一个表单，我希望当字段为空时，字段的边框变为红色，但我的代码无效，请帮助！我正在使用bootstrap和jquery框架

MY JQUERY

$('document').ready(function() {

    $("#form").submit(function() {

        var username = $("#username").val();
        var email = $("#email").val();
        var password = $("#password").val();
        var confPassword = $("#confPassword").val();
        var message = $("#warning");

        if (username == "" && email == "" && password == "" && confPassword == "") {
            return false;
            $("#username").css("border", "1px solid red");
        } else {
            return true;
        }

    });

});

Answer 1

设置css规则后

return。执行return语句后，执行函数后面的语句都不会执行，因为return调用会将控制流返回给调用者。

$('document').ready(function () {

    $("#form").submit(function () {

        var username = $("#username").val();
        var email = $("#email").val();
        var password = $("#password").val();
        var confPassword = $("#confPassword").val();
        var message = $("#warning");

        if (username == "" && email == "" && password == "" && confPassword == "") {
            $("#username").css("border", "1px solid red");
            return false;//return after setting the properties
        } else {
            return true;
        }

    });

});

Answer 2

使用或 ||检查用户是否输入了文字。

if (username == "" || email == "" || password == "" || confPassword == "" || password != confPassword) {

Answer 3

添加avoe answer try代码，这样您就不必为每个文本框编写代码行，

var isvalid = true;
$("#username, #email, #password, #confPassword, #warning").each(
function()
{
  if($(this).val()==="")
  {
    $(this).css("border", "1px solid red");
   isvalid = false;
  }
}
);
return isvalid;

通过Javascript验证表单字段

3 个答案: