您现在的位置是:首页 > 前端 > jquery网站首页jquery

js表单验证

简介​//表单验证 $(document).ready(function(){ yanzheng(); }) //提交验证 $("#sub_btn").click(function(){ //验证邮箱
//表单验证
$(document).ready(function(){
    yanzheng();
})
//提交验证
$("#sub_btn").click(function(){
    //验证邮箱
    var email=$("#youxiang").val();
    if(!email.match(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/))
    {
        alert("邮箱格式不正确!请重新输入");
        return false;
    }
    //提交表单
    if(yanzheng()){
        $("form").submit();
    }else{
        alert("资料填写不完整!");
        return false;
    }
});
//表单验证函数
function yanzheng(){
    $(".guestbook input,.guestbook textarea").blur(function(){
    //判断是否为空
    if($(this).val()=="")
    {
    //可以为空的选项
    if($(this).attr('id')=="chuanzhen" || $(this).attr('id')=="liuyan" || $(this).attr('name')=="xuqiu"){
        return true;
    }
    var i = $(this).prev("label").html();
    // alert(i+"不能为空");
    $(this).attr('placeholder',i+'不能为空');
    $(this).css("border","1px solid #ff0000");
        return false;
    }else{
        $(this).css("border","1px solid #eee");
    }
    //验证邮箱
    if($(this).attr('id')=="youxiang"){
        var email=$("#youxiang").val();
        if(!email.match(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/))
        {
            $(this).css("border","1px solid #ff0000");
            return false;
        }
    }
    })
    return true;
}

js鼠标离开后验证当前是否为空,并且提交表单后再次全部验证

文章评论

Top