JavaScript初学——关于表单/邮箱的验证问题

最新推荐文章于 2021-12-04 11:58:56 发布
最新推荐文章于 2021-12-04 11:58:56 发布
阅读量758 收藏 4
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40615146/article/details/87957799
版权

这两天收发邮件，发现了一个问题——输入框当中的对于邮箱地址的验证，想起课本有类似的Demo，于是就敲了起来，原始代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>邮箱</title>
    <script type="text/javascript">
        function validate_mail(){
            var mail=document.getElementById("email").value;
            if (mail==""){
                alert("输入邮箱不能为空！");
                return false;
            } 
            if (mail.indexOf("@")==-1){
                alert("请输入正确邮件格式！");
                return false;
            }
            if (mail.indexOf(".")==-1){
                al
最低0.47元/天 解锁文章
小小帕金森
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript_输入框有邮箱的正则表达式的验证，正确在输入框后面添加绿色的√，错误红色的×，边输入边验证。（onkeyup和onkeypress区别）
Chill Lyn
09-26 1570
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
JavaScript简单验证表单空值及邮箱格式的方法
10-20
主要介绍了JavaScript简单验证表单空值及邮箱格式的方法,涉及javascript基本的表单与字符串操作相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
JS输入框邮箱地址验证代码
09-18
教你怎么正确使用邮箱地址验证代码 下面是一些常用的正则表达式: 匹配中文字符的正则表达式： [\u4e00-\u9fa5] 评注：匹配中文还真是个头疼的事，有了这个表达式就好办了 匹配双字节字符(包括汉字在内)：[^\x00-\xff] 评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1） 匹配空白行的正则表达式：\n\s*\r 评注：可以用来删除空白行 匹配HTML标记的正则表达式：<(\S*?)[^>]*>.*?</\1>|<.*? /> 评注：网上流传的版本太糟糕，上面这个也仅仅能匹配部分，对于复杂的嵌套标记依旧无能为力 匹配首尾空白字符的正则表达式：^\s*|\s*$ 评注：可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等)，非常有用的表达式 匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* 评注：表单验证时很实用 匹配网址URL的正则表达式：[a-zA-z]+://[^\s]* 评注：网上流传的版本功能很有限，上面这个基本可以满足需求 匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$ 评注：表单验证时很实用 匹配国内电话号码：\d{3}-\d{8}|\d{4}-\d{7} 评注：匹配形式如 0511-4405222 或 021-87888822 匹配腾讯QQ号：[1-9][0-9]{4,} 评注：腾讯QQ号从10000开始 匹配中国邮政编码：[1-9]\d{5}(?!\d) 评注：中国邮政编码为6位数字 匹配身份证：\d{15}|\d{18} 评注：中国的身份证为15位或18位 匹配ip地址：\d+\.\d+\.\d+\.\d+ 评注：提取ip地址时有用 匹配特定数字： ^[1-9]\d*$ //匹配正整数 ^-[1-9]\d*$ //匹配负整数 ^-?[1-9]\d*$ //匹配整数 ^[1-9]\d*|0$ //匹配非负整数（正整数 + 0） ^-[1-9]\d*|0$ //匹配非正整数（负整数 + 0） ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$ //匹配正浮点数 ^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$ //匹配负浮点数 ^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$ //匹配浮点数 ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$ //匹配非负浮点数（正浮点数 + 0） ^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$ //匹配非正浮点数（负浮点数 + 0） 评注：处理大量数据时有用，具体应用时注意修正 匹配特定字符串： ^[A-Za-z]+$ //匹配由26个英文字母组成的字符串 ^[A-Z]+$ //匹配由26个英文字母的大写组成的字符串 ^[a-z]+$ //匹配由26个英文字母的小写组成的字符串 ^[A-Za-z0-9]+$ //匹配由数字和26个英文字母组成的字符串 ^\w+$ //匹配由数字、26个英文字母或者下划线组成的字符串
html表单邮箱地址符合写法,javascript表单验证使用示例(javascript验证邮箱)
weixin_39687542的博客
06-04 579
被 JavaScript 验证的这些典型的表单数据有：用户是否已填写表单中的必填项目？用户输入的邮件地址是否合法？用户是否已输入合法的日期？用户是否在数据域 (numeric field) 中输入了文本？必填(或必选)项目下面的函数用来检查用户是否已填写表单中的必填(或必选)项目。假如必填或必选项为空，那么警告框会弹出，并且函数的返回值为 false，否则函数的返回值则为 true(意味着数据没有...
javascript表单验证-邮箱验证
weixin_30352191的博客
09-05 407
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> function validate_email...
javascript表单验证使用示例(javascript验证邮箱)
10-26
JavaScript可用来在数据被送往服务器前对HTML表单中的这些输入数据进行验证
JavaScript程序设计——页面设置与表单验证实验报告.docx
11-11
实现HTML界面设计、布局的方法。 实现各种控件的使用方法。 实现对界面项目进行表单验证的方法。 实现表单标记，表单提交方式、编码方式等知识点。
JavaScript验证文本框输入
xiaoyao_lizhao的专栏
08-27 461
<br /> <input name="gxt1" onkeyup ="if(//D/.test(this.value)){this.value='';this.focus();}">
3种在JavaScript中验证电子邮件地址的方法
web前端开发
10-18 4324
来源 |http://www.fly63.com/如何使用JavaScript验证email的正确性？今天这个内容将做一个小小的总结，希望对你有所帮助。方式一：简单验证对于想要以以下形式...
js验证电子邮箱
无
06-29 3668
js验证电子邮箱 function check(){ var em=document.getElementById("email"); //非空判断 if(em.value==""||em.length==0){ alert("电子邮件不能为空！"); em.focus(); return false; } //读取@和.的索引下标 var at=em.value.
js实现表单、邮箱、手机号码验证插件
08-25
js实现表单、邮箱、手机号码验证插件
html表单电子邮件验证验证,通过jquery验证Email表单
weixin_29876341的博客
06-10 625
在提交表单数据到服务器之前，通常需要在客户端进行一次验证，以确保用户提交数据的有效性。通过jquery，我们可以对用户填写的Email地址进行验证。下面的代码片段完成了对Email表单字段的验证。(function ($) {$.fn.validateEmail = function () {return this.each(function () {var $this = $(this);$th...
js验证邮箱
想不出一个好的标题，就用这个吧
03-31 4737
本文代码来自W3school，部分有删改&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;script&gt; function checkEmail(field,alerttxt) { with (field) { ...
js表单验证，并显示红色警告
digger_419的博客
03-17 6653
我们在表单输入数据的时候，往往需要对输入的数据进行验证，如字段非空，邮箱格式，手机号，电话号等等。下面我将最近使用的表单验证分享一下。 var checkObject = { checkUsername: function (value) { if(value == ""){ $("#username").attr("style", "di
获得登录邮箱域名
chordimp的博客
05-16 493
var a=prompt("请输入登陆邮箱");     function getyuming(a){         var pos=a.lastIndexOf("@");         document.write("登陆的邮箱域名是："+a.substr(pos+1)+"");         document.write("邮箱的用户名是："+a.slice(0,pos));
根据用户输入的Email跳转到相应的邮箱登录页面【蕃薯耀分享】
蕃薯耀
11-26 3568
根据用户输入的Email跳转到相应的邮箱登录页面，根据邮箱的域名跳转到相应的登录页面的代码 ，根据Email跳转到相应的邮箱登录页面   //功能：根据用户输入的Email跳转到相应的电子邮箱首页 function gotoEmail($mail){ $t=$mail.split('@')[1]; $t=$t.toLowerCase(); if...
EduCoder-Web程序设计基础-html5— 对表单进行验证-第3关：邮箱校验
weixin_51402180的博客
12-04 1345
目录任务描述相关知识编程要求测试说明代码示例 任务描述 本关任务：创建一个电子邮箱的输入框，并要求对用户输入邮箱格式进行验证。 相关知识 为了完成本关任务，你需要掌握：1.电子邮箱输入框的设置，2.required属性，3.placeholder属性。 邮箱校验示例 在表单email类型的input标签中添加required属性，可以设置电子邮箱输入框的值不能为空；在该标签中通过placeholder属性可以设置相关的提示信息。 邮箱： 邮箱： 15343480696 编程要求 根据
JavaScript使用正则表达式进行邮箱表单验证实例
再小的帆也能远航，把分享变成一种习惯
01-22 6116
*******JavaScript使用正则表达式进行邮箱表单验证实例************ 1.在JavaScript中也可以使用正则表达式对表单输入的数据进行验证格式如下 /正则表达式/.test(验证内容) 扩展：JavaScript中正则表达式对象(RegExp)存在3个方法         *（1）test()             test() 方法检索字符串中的指定
JavaScript表单验证和邮箱格式验证的方法
奋斗吧_-小青年
05-31 5266
JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。 被 JavaScript 验证的这些典型的表单数据有： 用户是否已填写表单中的必填项目？用户输入的邮件地址是否合法？用户是否已输入合法的日期？用户是否在数据域 (numeric field) 中输入了文本？ function valida
html表单验证邮箱表达式,Javascript正则表达式实现表单验证
最新发布
07-07
要验证邮箱表单，可以使用以下的HTML和JavaScript代码： HTML代码： ```html 邮箱：</label> 提交"> </form> ``` JavaScript代码： ```javascript // 获取表单元素 var form = document.querySelector('...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值