Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 窗体控件不可聚焦_Javascript_Forms_Validation_Email - Fatal编程技术网

Javascript 窗体控件不可聚焦

Javascript 窗体控件不可聚焦,javascript,forms,validation,email,Javascript,Forms,Validation,Email,我有一张横跨两页的表格。我正在尝试验证电子邮件地址,但每当我输入一封错误的电子邮件时,控制台就会出现一个错误,表明无效的表单控件不可聚焦 测试代码段的最简单方法是: 将名字和姓氏留空 为电子邮件地址输入一封信 点击下一步 点击提交 检查控制台中的错误消息 这个答案不能回答这个问题。电子邮件输入没有“必需”,除提交按钮外,所有按钮都有type='BUTTON',但具有与其关联的单击功能 介入 在下面输入您的详细信息 韦斯顿居民酒店 季刊 利益领域 能量 回收 堆肥 运输 气候 树 传粉者 水

我有一张横跨两页的表格。我正在尝试验证电子邮件地址,但每当我输入一封错误的电子邮件时,控制台就会出现一个错误,表明无效的表单控件不可聚焦

测试代码段的最简单方法是:

  • 将名字和姓氏留空
  • 为电子邮件地址输入一封信
  • 点击下一步
  • 点击提交
  • 检查控制台中的错误消息
  • 这个答案不能回答这个问题。电子邮件输入没有“必需”,除提交按钮外,所有按钮都有type='BUTTON',但具有与其关联的单击功能

    
    介入
    在下面输入您的详细信息
    韦斯顿居民酒店
    季刊
    利益领域
    能量
    回收
    堆肥
    运输
    气候
    树
    传粉者
    水
    其他
    下一个
    当前活动信息:
    城镇清理
    传粉者
    漏气
    共同国家评估
    返回
    函数下一页(){
    var section1b=document.getElementById('section1b');
    第1b节样式显示为“无”;
    var section2=document.getElementById('section2');
    第2节.style.display='block';
    }
    函数backPage(){
    var section1b=document.getElementById('section1b');
    第1b节.样式.显示class='block';
    var section2=document.getElementById('section2');
    第2节.style.display='none';
    }
    函数mySubmit(x){
    event.preventDefault();
    var fname=document.getElementById('fname').value;
    var lname=document.getElementById('lname').value;
    var email=document.getElementById('email')。值;
    var mailformat=/^\w+([\.-]?\w+*@\w+([\.-]?\w+*(\.\w{2,3})+$/;
    如果(!email.match(mailformat))email=“”;
    如果(fname==“”| | lname==“”| | email==“”){
    警报(“请输入姓名和电子邮件”);
    backPage();
    返回false;
    }否则{
    //var myForm=document.getElementById('myForm');
    //myForm.submit();
    返回true;
    }
    }
    
    您只需更改一行代码:-

    您必须设置
    ***
    而不是

    因此,更新后的线路为:-

    <input class='detailsC' type="text" name="email" placeholder="Email..."   id='email'>
    
    
    
    
    介入
    在下面输入您的详细信息
    韦斯顿居民酒店
    季刊
    利益领域
    能量
    回收
    堆肥
    运输
    气候
    树
    传粉者
    水
    其他
    下一个
    当前活动信息:
    城镇清理
    传粉者
    漏气
    共同国家评估
    返回
    函数下一页(){
    var section1b=document.getElementById('section1b');
    第1b节.样式.显示='无';
    var section2=document.getElementById('section2');
    section2.style.display='block';
    }
    函数backPage(){
    var section1b=document.getElementById('section1b');
    第1b节.样式.显示='块';
    var section2=document.getElementById('section2');
    section2.style.display='none';
    }
    函数mySubmit(x){
    event.preventDefault();
    var fname=document.getElementById('fname').value;
    var lname=document.getElementById('lname').value;
    var email=document.getElementById('email')。值;
    var mailformat=/^\w+([\.-]?\w+*@\w+([\.-]?\w+*(\.\w{2,3})+$/;
    如果(!email.match(mailformat))email=“”;
    如果(fname==“”| | lname==“”| | email==“”){
    警报(“请输入姓名和电子邮件”);
    backPage();
    返回false;
    }否则{
    //var myForm=document.getElementById('myForm');
    //myForm.submit();
    返回true;
    }
    }
    
    这是否回答了您的问题?谢谢我投了赞成票但我找到了一个