Question

我使用html / css创建表单，然后使用javascript / jquery验证表单。

如果有效等于false，则验证有效。但是，如果我想检查是否有效等于真，我没有错误，但我的功能没有执行。

这是我的表格

        <div class="success-message"></div>
        <br>

        <label for="login">Login :</label>
        <input type="text" id="login" value="" />
        <span class="error-message">error</span>
        <br>

这里是我的验证功能

$("#envoyer").click(function(){
    valid = true;

        //LOGIN VALIDATE
        if($("#login").val() == ""){
            $("#login").next(".error-message").fadeIn().text("Please enter your login");
            valid = false;
        }
        else if (!$("#login").val().match(/^[a-z][a-zA-Z0-9 ._-]+$/gim)){
            $("#login").next(".error-message").fadeIn().text("Please enter a valid login");
            valid = false;
        }
        else{
            $("#login").next(".error-message").fadeOut();
        }


        if(valid == true){
            console.log(valid);
            (".success-message").fadeIn().text("The form is sent with success");
        }

        return valid

});

当我发送表单并且没有错误时，我看到console.log（）有效等于“true”但我的div“sucess-message”没有出现。

我添加“$”但我有同样的问题

感谢

Answer 1

在$

前面缺少(".success-message").fadeIn().text("The form is sent with success");

它始终是简单的事情：）

检查布尔jquery

1 个答案: