Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/33.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 - Fatal编程技术网

使用Javascript进行多文本框验证

使用Javascript进行多文本框验证,javascript,Javascript,当我提交表单时,如果没有输入任何数据,所有内容都会返回一个错误,除了firstname,有人能在这里找到错误吗 var x=document.forms["register"]["firstname", "surname", "email", "username", "password1", "password2"].value; if (x==null || x=="") { alert("All fields are required"); return false; } 使用jQuery

当我提交表单时,如果没有输入任何数据,所有内容都会返回一个错误,除了firstname,有人能在这里找到错误吗

var x=document.forms["register"]["firstname", "surname", "email", "username", "password1", "password2"].value;
if (x==null || x=="")
{
alert("All fields are required");
return false;
}

使用jQuery将非常简单:

var allCorrect = true;
$(window).ready(function() {
    $('form').submit(function(event) {
        event.prevendDefault();
         $(this).find('input[type=text]').each(function() {
             if($(this).val() == "") {
                 $allCorrect = false;
                 alert("All fields are required.");
             }
         });
        if($allCorrect) {
            $(this).submit();
        }
    });
});

演示:

嗯,这种语法不正确。你必须循环,查询DOM,或者一个接一个地获取它们。但是他没有使用jQuery。我已经编辑了它,你必须包含jQuery,并将这段代码放在一些。。。标签…如果你想做这样的事情,你应该知道HTML和JS的基本知识。如果使用这个答案,建议使用$(this.find(“[type=text]”)