码迷,mamicode.com
首页 > 其他好文 > 详细

表单验证-邮箱验证

时间:2014-09-03 18:12:57      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:邮箱   表单   jquery   

邮箱验证

1、使用function函数实现

     注:需要在代码<input>的标签中加入属性:onblur="loginEmailBlur(this.value)"

 function loginEmailBlur(strEmail) {
            var loginEmail = $.trim($("input[name='email']").val());
            if (loginEmail == null || loginEmail == '邮箱' || loginEmail == "") {
                $(".smtwarning").empty().text("您的邮箱账号忘记输入了");
                
                }
                else{
                    if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1) {
                        $(".smtwarning").empty();
                        return true;
                    }
                    else {
                        $(".smtwarning").empty().text("请输入正确的邮箱格式");
                    }
            }
        }

2、在 $(document).ready(function ())中书写

//登录框表单验证
   var $loginEmail = $("input[name='email']");
   var $stmWarning = $(".smtwarning");

   $loginEmail.blur(function () {
       var loginEmail = $.trim($("input[name='email']").val());
       if (loginEmail == null || loginEmail == '邮箱' || loginEmail == "") {
            $stmWarning.empty().text("您的邮箱账号忘记输入了");
       }else {
          if (loginEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1) {
              $stmWarning.empty();
              return true;
           }else {
              $stmWarning.empty().text("请输入正确的邮箱格式");
           }
      }
  });


 

表单验证-邮箱验证

标签:邮箱   表单   jquery   

原文地址:http://blog.csdn.net/comeonstone/article/details/39030383

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!