代码之家 › 专栏 › 技术社区 › lessan

javascript onsubmit在同一个调用中返回两个不同的值

validation html javascript

lessan · 技术社区 · 9 年前

验证功能

     function validateForm(){
                var els;
                els = document.getElementById('name');
                if(els.value == ''){
                    console.log(0);
                    alert('Ai uitat sa completezi numele');
                    return false;
                }
                els = document.getElementsByClassName('education');
                [].forEach.call(els, function (el){
                    if(el.value == ''){
                        alert('Ai uitat unul sau mai multe campuri la educatie');
                        console.log(1);
                        return false;
                    }
                });
                console.log(2)
                return false;
            }

表格

<form onsubmit="return validateForm()" class="form-horizontal" action="{{ URL::to('/admin/people/') }}" method="POST" id="myForm">

我生成了动态html,所以除了服务器端验证之外,我还做了一个javascript验证,这样当页面重新加载时,用户就不会丢失动态生成的html。控制台中也没有显示错误

如果它进入第一个If,它在那里只输出0,所以我猜这是由循环引起的?

2 回复 | 直到 9 年前

Matt Spinks 9 年前

这:

            [].forEach.call(els, function (el){
                if(el.value == ''){
                    alert('Ai uitat unul sau mai multe campuri la educatie');
                    console.log(1);
                    return false;
                }
            });

console.log 不管它来自哪个线程。它只是按照接收数据的顺序记录。

Nix 9 年前

这个 return false
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

for (let i = 0, len = els.length; i < len; i++) {
  let el = els[i];
  if(el.value == ''){
    alert('Ai uitat unul sau mai multe campuri la educatie');
    console.log(1);
    return false;
  }
}

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

1 年前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前