Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.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表单验证在Chrome/Firefox而不是IE/Edge中工作_Javascript_Html_Forms_Validation - Fatal编程技术网

JavaScript表单验证在Chrome/Firefox而不是IE/Edge中工作

JavaScript表单验证在Chrome/Firefox而不是IE/Edge中工作,javascript,html,forms,validation,Javascript,Html,Forms,Validation,我正在使用JavaScript进行表单验证。它适用于Firefox 52.7.3和Chrome 65.0.3325.162,但我刚刚意识到它不适用于Internet Explorer 11或Edge 38.14393.2068.0。在我做了一系列更改之前,它在所有浏览器中都能正常工作,我不知道哪里出了问题。在IE和Edge中,它仍然会通过电子邮件发送表单,但不会验证任何错误。我很感激我能得到的任何帮助,想到我终于取得了进步,几乎完成了,却发现它在所有浏览器中都不起作用,我感到非常沮丧 代码:

我正在使用JavaScript进行表单验证。它适用于Firefox 52.7.3和Chrome 65.0.3325.162,但我刚刚意识到它不适用于Internet Explorer 11或Edge 38.14393.2068.0。在我做了一系列更改之前,它在所有浏览器中都能正常工作,我不知道哪里出了问题。在IE和Edge中,它仍然会通过电子邮件发送表单,但不会验证任何错误。我很感激我能得到的任何帮助,想到我终于取得了进步,几乎完成了,却发现它在所有浏览器中都不起作用,我感到非常沮丧

代码:

函数validateForm(){
var firstName=document.getElementById(“fName”).value;
var lastName=document.getElementById(“lName”).value;
var city=document.getElementById(“城市”).value;
var zipCode=document.getElementById(“zip”).value;
var address=document.getElementById(“地址”).value;
var area=document.getElementById(“areaCode”).value;
var phone=document.getElementById(“phoneNumber”).value;
var email1=document.getElementById(“email1”).value;
if(document.getElementById(“fName”).value==“First Name”){
警告(“请输入您的名字”);
返回false;
}
如果(!firstName.match(/^[a-zA-Z]+$/){
警告(“请仅使用字母A-Z作为名字”);
返回false;
}
if(document.getElementById(“lName”).value==“Last Name”){
警告(“请输入您的姓氏”);
返回false;
}
如果(!lastName.match(/^[a-zA-Z]+$/){
警告(“请仅使用字母A-Z作为姓氏”);
返回false;
}
if(document.getElementById(“地址”).value==“”){
提醒(“请输入您的地址”);
返回false;
}
如果(!address.match(/^[a-z0-9]+$/i)){
警告(“请在地址中仅使用字母和数字”);
返回false;
}
if(document.getElementById(“城市”).value==“”){
警报(“请进入您的城市”);
返回false;
}
如果(!city.match(/^[a-zA-Z]+$/){
警告(“请仅使用字母A-Z表示城市”);
返回false;
}
if(document.getElementById(“state”).value==“--Select-->”){
警报(“请选择您的状态”);
返回false;
}
if(document.getElementById(“zip”).value==“”){
提醒(“请输入您的邮政编码”);
返回false;
}
if(isNaN(document.getElementById(“zip”).value)){
警报(“请仅输入邮政编码的数字”);
返回false;
}
if(!zipCode.match(/(^\d{5}$)|(^\d{5}-\d{4}$)/){
警报(“请输入有效的5位美国邮政编码”);
返回false;
}
if(document.getElementById(“areaCode”)。值=“”){
警报(“请输入您的区号”);
返回false;
}
if(!area.match(/(^\d{3}$)|(^\d{3}-\d{2}$)/){
警报(“请输入有效的3位区号”);
返回false;
}
if(document.getElementById(“phoneNumber”).value==“”){
提醒(“请输入您的电话号码”);
返回false;
}
if(!phone.match(/(^\d{7}$)|(^\d{7}-\d{6}$)/){
警报(“请输入有效的7位电话号码”);
返回false;
}
if(document.getElementById(“email1”).value==“”){
警报(“请输入您的电子邮件地址”);
返回false;
}
如果(!email1.match(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/){
警报(“您输入的电子邮件地址无效”);
返回false;
}
if(document.getElementById(“email2”).value==“”){
提醒(“请确认您的电子邮件地址”);
返回false;
}
如果(!email1.match(document.getElementById(“email2”).value)){
警报(“协商电子邮件不匹配”);
返回false;
}
if(document.forms[“myForm”][“mealPref”]。value==“”){
提醒(“请选择用餐偏好”);
返回false;
}
if(document.forms[“myForm”][“contMeth”].value==“”){
提醒(“请选择至少两种联系方式”);
返回false;
}
}
模糊函数(el){
如果(el.value==''){
el.value=el.defaultValue;
}
}
功能聚焦(el){
如果(el.value==el.defaultValue){
el.值='';
}
}
正文{
背景色:#e6fa;
颜色:#6918B4;
文本对齐:居中;
字体系列:格鲁吉亚;
字体系列:衬线;
字体大小:2vw;
}
h1{
颜色:#6918B4;
文本对齐:居中;
字体大小:5vw;
}
桌子{
字体系列:格鲁吉亚;
字体系列:衬线;
字体大小:2vw;
文本对齐:左对齐;
}
表格中心{
左边距:自动;
右边距:自动;
}
th{
填充物:5px;
垂直对齐:顶部;
}
.区号{
宽度:8%;
右边距:1px;
}
.电话号码{
宽度:20%;
}
zip先生{
宽度:20%;
}

登记表
登记表

*必填字段


名字:* 姓氏:* 地址:* 城市:* 声明:* --挑选-- 阿拉巴马州 阿拉斯加州 亚利桑那州 阿肯色州 加利福尼亚 科罗拉多州 康涅狄格州 特拉华州 佛罗里达州 佐治亚州 夏威夷 爱达荷州 伊利诺伊州 印第安纳州 爱荷华州 堪萨斯州 肯塔基州 路易斯安那州 缅因州 马里兰 马萨诸塞州 密歇根 明尼苏达州 密西西比 密苏里州 蒙大拿 内布拉斯加州 内华达州 新罕布什尔州 新泽西州 新墨西哥州 纽约 北卡罗来纳州 北达科他州 俄亥俄州 奥克拉荷马 俄勒冈