通过电子邮件检查javascript验证

时间:2018-01-31 05:46:59

标签: javascript php jquery html

当电子邮件已经存在时,验证会在表单操作中重定向

page.i希望如果电子邮件和所有字段都是正确的方式然后点击动作部分。

ajax成功功能不能正常返回。

<script language="javascript">
    function validate()
    {    
        var str = true;
        document.getElementById("msg1").innerHTML = "";
        document.getElementById("msg2").innerHTML = "";
        document.getElementById("msg3").innerHTML = "";
        document.getElementById("msg4").innerHTML = "";
        document.getElementById("msg5").innerHTML = "";
        document.getElementById("msg6").innerHTML = "";
        document.getElementById("msg7").innerHTML = "";
        document.getElementById("msg8").innerHTML = "";
        document.getElementById("msg9").innerHTML = "";
        document.getElementById("msg10").innerHTML = "";
        document.getElementById("msg11").innerHTML = "";

        if (!document.frm.firstname.value == '')
        {
            var patterns = /^[a-zA-Z\s]*$/;

            if (!document.frm.firstname.value.match(patterns))
            {
                document.getElementById("msg1").innerHTML = "Please Enter only letters";
                str = false;
            }

        } else
        {
            document.getElementById("msg1").innerHTML = "Please Enter First Name";

            str = false;
        }

        if (!document.frm.lastname.value == '')
        {
            var patterns = /^[a-zA-Z\s]*$/;

            if (!document.frm.lastname.value.match(patterns))
            {
                document.getElementById("msg2").innerHTML = "Please Enter only letters";
                str = false;
            }

        } else
        {
            document.getElementById("msg2").innerHTML = "Please Enter Last Name";
            str = false;
        }

        if (document.frm.password.value == '')
        {
            document.getElementById("msg4").innerHTML = "Please Enter Password";
            str = false;
        }

        var phoneno = /^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/;

        if (!document.frm.phone.value.match(phoneno))
        {
            document.getElementById("msg5").innerHTML = "Please Enter 10 Digits Mobiles";
            str = false;
        }

        if (document.frm.country.value == '')
        {
            document.getElementById("msg6").innerHTML = "Please Enter Country";
            str = false;
        }

        if (document.frm.state.value == '')
        {
            document.getElementById("msg7").innerHTML = "Please Enter State";
            str = false;
        }

        if (document.frm.city.value == '')
        {
            document.getElementById("msg8").innerHTML = "Please Enter City";
            str = false;
        }

        if (document.frm.address.value == '')
        {
            document.getElementById("msg9").innerHTML = "Please Enter Address";
            str = false;
        }

        if (document.frm.industry.value == '')
        {
            document.getElementById("msg10").innerHTML = "Please Select Industry";
            str = false;
        }

        if (document.frm.company.value == '')
        {
            document.getElementById("msg11").innerHTML = "Please Enter Company Name";
            str = false;
        }

        if (!document.frm.email.value == '')
        {
            var validate_char = /^([a-zA-Z])+([a-zA-Z0-9_.+-])+\@(([a-zA-Z])+\.+?(com|co|in|org|net|edu|info|gov|vekomy))\.?(com|co|in|org|net|edu|info|gov)?$/;

            if (!document.frm.email.value.match(validate_char))
            {
                document.getElementById("msg3").innerHTML = "Please Enter Valid Email ID";
                str = false;
            } else {
                var Email = document.frm.email.value;
                var datastring = 'Email=' + Email;

                $.ajax({
                    type: "POST",
                    url: "client_email.php",
                    data: datastring,
                    success: function(responseText) {
                        if (responseText == 1)
                        {
                            $("#msg3").html("Email Is Already Exists");
                            str = false;
                        }
                    }
                });
            }
        } else
        {
            document.getElementById("msg3").innerHTML = "Email Field Is Empty";
            str = false;
        }

        return str;
    }
</script>

1 个答案:

答案 0 :(得分:0)

使用HTML5的新类型属性来完成此任务。 电子邮件有效期写:     <input type="email" name="email" required/> 如果电子邮件是空的或错误的方式,它将永远不会点击提交事件..Hence将不会被重定向... 例如:https://www.w3schools.com/code/tryit.asp?filename=FNZQV8G6AJ8P

了解更多类型:https://www.w3schools.com/html/html_form_input_types.asp

服务器端: Form Required Every Field By PHP

Form Type Validation By PHP