javascript – JQuery Validation Plugin无法使用电子邮件类型吗？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – JQuery Validation Plugin无法使用电子邮件类型吗？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1928字，纯文字阅读大概需要3分钟。

内容图文

我已经配置了一个Grunt文件,用我所有的库和我的代码构建一个JS文件,所以我只有一个JS文件包含在我的网站中.这一切都运行正常,但我刚刚添加了JQuery Validate插件(http://jqueryvalidation.org/),这个插件工作但不完全,我认为它是我的代码以及我如何构建它的红色.

但我有多种形式,其中一种是更改用户电子邮件.我还应该在这里说我正在使用CakePHP和它的表单助手构建这个站点(尽管该站点的那一侧完全正常工作而没有任何错误).

这是我正在使用的代码：

 $( "#EmailChange" ).validate({
    rules: {
        'data[Email][currentemail]':{ 
            required: true,
            email: true
        },
        'data[Email][newemail]':{
            required: true,
            email: true
        },
        'data[Email][emailconfirm]': {
            equalTo: "#NewEmail", <-id for the [email][newemail] input
            required: true,
            email: true
        }
    },
    messages: {
        'data[EmailUpdate][currentemail]': "email address is needed",
        'data[EmailUpdate][newemail]': "a vaild email address is needed",
        'data[EmailUpdate][emailconfirm]': "second email does not match",
    }
}); 

现在这种方式有效,但是没有正确验证我的电子邮件地址,我会输入,someemail @ something,这将删除或返回有效的电子邮件,然后输入域名后缀.当我在自己的网站上使用电子邮件上的测试字段时,它不会这样做,它只会在用户输入后缀后返回有效状态.

那么我做错了什么？

谢谢.

解决方法:

使用以下代码发送电子邮件

jQuery.validator.addMethod("validEmail", function(value, element) 
{
    if(value == '') 
        return true;
    var temp1;
    temp1 = true;
    var ind = value.indexOf('@');
    var str2=value.substr(ind+1);
    var str3=str2.substr(0,str2.indexOf('.'));
    if(str3.lastIndexOf('-')==(str3.length-1)||(str3.indexOf('-')!=str3.lastIndexOf('-')))
        return false;
    var str1=value.substr(0,ind);
    if((str1.lastIndexOf('_')==(str1.length-1))||(str1.lastIndexOf('.')==(str1.length-1))||(str1.lastIndexOf('-')==(str1.length-1)))
        return false;
    str = /(^[a-zA-Z0-9]+[\._-]{0,1})+([a-zA-Z0-9]+[_]{0,1})*@([a-zA-Z0-9]+[-]{0,1})+(\.[a-zA-Z0-9]+)*(\.[a-zA-Z]{2,3})$/;
    temp1 = str.test(value);
    return temp1;
}, "Please enter valid email.");

在规则中使用以下

rules: {

    'data[Email][newemail]': {
        required: true,
        validEmail: true
    }
}

内容总结

以上是互联网集市为您收集整理的javascript – JQuery Validation Plugin无法使用电子邮件类型吗？全部内容，希望文章能够帮你解决javascript – JQuery Validation Plugin无法使用电子邮件类型吗？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端