前台验证邮箱不能重复

Posted 2022-01-18 liuna369-4369

$(document).ready(function()
        $("#email").blur(function()


            var text = $("#email").val();   //获得用户输入的用户名
            $.post("$pageContext.request.contextPath/client/checkEmail.do?checkEmail="+text,null,function(response)
                //以POST方式跳转到action里面的方法中进行处理，并返回处理结果response

                if(response=="exit") //根据返回值进行处理

                    document.getElementById("email").focus();//用户名输入控件获得焦点

                    document.getElementById("emailMsg").innerhtml="<font color=‘red‘>"+"邮箱已经存在,请重新输入"+"</font>";
                    //在div中提示用户该用户名已经存在

                else
                    if(document.getElementById("email").value=="") //判断用户名是否为空
                    
                        document.getElementById("emailMsg").innerHTML="<font color=‘red‘>"+"邮箱不为空，请重新输入"+"</font>";
                        //在div中提示用户该用户名不能为空

                        document.getElementById("email").focus();//用户名输入控件获得焦点

                    
                
            );
        );
    );

<tr>
                                <td style="text-align: right; width: 20%">会员邮箱：</td>
                                <td style="width: 40%">
                                <input type="text" class="textinput"  id="email" name="email" onkeyup="checkEmail();"/>
                                </td>
                                <td colspan="2"><span id="emailMsg"></span><font color="#999999" >请输入有效的邮箱地址</font></td>
                            </tr>