Question

我正在尝试验证表单中的两个字段。但它只显示一个字段的错误消息。以下是Javascript代码：

function req() {

    if (document.reg_indi_form.txt_fnm.value=="") {

        document.getElementById('i').innerHTML="*This field is required";
        document.getElementById('i').style.color="red";
        return false;
    }
     if (document.reg_indi_form.txt_lnm.value=="") {

        document.getElementById('i1').innerHTML="*This field is required";
        document.getElementById('i1').style.color="red";
        return false;
    }
}

HTML code：

<input name="txt_fnm" type="text" id="txt_fnm"/> <label id="i"></label>
<input name="txt_lnm" type="text" id="txt_lnm"/>\<label id="i1"></label>

Answer 1

如果您需要测试所有错误，如“Disha”所述，您不能在每个if块中放置一个return语句。

var noError = true;

if (document.reg_indi_form.txt_fnm.value=="") {

    document.getElementById('i').innerHTML="*This field is required";
    document.getElementById('i').style.color="red";
    noError = false;
}
if (document.reg_indi_form.txt_lnm.value=="") {

    document.getElementById('i1').innerHTML="*This field is required";
    document.getElementById('i1').style.color="red";
    noError = false;
}

return noError;

这应该像你想要的那样工作。

Answer 2

试用此代码

的JavaScript

`

function validate（）{

    var isValid = true;
    if (document.reg_indi_form.txt_fnm.value=="") {

    document.getElementById('i').innerHTML="*This field is required";
    document.getElementById('i').style.color="red";
    isValid = false;
}
 if (document.reg_indi_form.txt_lnm.value=="") {

    document.getElementById('i1').innerHTML="*This field is required";
    document.getElementById('i1').style.color="red";
    isValid = false;
}
return isValid;
}`

验证多个空字段

2 个答案: