需要关于Php或Javascript验证的帮助吗

我不知道如何在页面内进行自我验证

我有一个php文件包含一个复选框和许多文本框。我想做的是，用户将在复选框上选中的内容将要求填充文本框。我尝试使用php中的语句进行验证，但它总是在验证所有内容之前重定向到另一个页面，我想要的是，当用户单击submit按钮时，它将触发整个页面，并验证应该填充的内容

用户将选中任何复选框

然后它有一个相应的条件，将使需要填写的文本框 希望你们能帮助我。我不知道怎么做。javascript还是什么？我需要解决方案，请给我看看

代码如下：

Test 1 <input name="chkbox[]" type="checkbox" value="1"><br>
Test 2 <input name="chkbox[]" type="checkbox" value="2"><br>
Test 3 <input name="chkbox[]" type="checkbox" value="3"><br>
Test 4 <input name="chkbox[]" type="checkbox" value="4"><br>
Test 5 <input name="chkbox[]" type="checkbox" value="5"><br>

<br><br>

Name <input name="txt1" type="text"><br>
Address <input name="txt2" type="text"><br>
Number <input name="txt3" type="text"><br>
Age <input name="txt4" type="text"><br>

测试1

测试2

测试3

测试4

测试5




名称

地址

数字

年龄

这有两个选项（全部采用javascript）。 第一个是在用户尝试提交时进行验证

document.addEventListener("DOMContentLoaded", function (event) {
    var isValid = false;
    document.querySelector("#formid").addEventListener("submit", function(e){
        var _selector = document.querySelectorAll('input[type=checkbox]:checked');
        var checked = _selector.length;
        for(var i = 0; i<checked; i++){
            if (_selector[i].checked) {
                if(!document.querySelector('input[name=txt'+ _selector[i].value +']').value)
                    break;
            }
        }
        if(checked == i)
            isValid = true;

        if(!isValid){
            alert('at least one field is empty');
            e.preventDefault();    //stop form from submitting
        }
    });
});

---

请编辑您的问题并添加您的JavaScript。还有，您不使用HTML required属性有什么原因吗？@develinnate我还没有任何JavaScript代码。我在这里问是因为我不知道怎么问。如果我使用HTML required属性，复选框的意义是什么。用户在“我的复选框”上选中的内容将要求填写文本框。你明白我的意思了吗，伙计？

document.addEventListener("DOMContentLoaded", function (event) {
    var _selector = document.querySelectorAll('input[type=checkbox]');
    for(var i = 0; i<_selector.length; i++){
        _selector[i].addEventListener('change', function (event) {
            if (event.target.checked) {
                document.querySelector('input[name=txt'+ event.target.value +']').required = true;
            } else {
                document.querySelector('input[name=txt'+ event.target.value +']').required = false;
            }
        });
    }
});

:required{border: red solid 1px;}