Question

我正在尝试创建一个按钮，使用textbox检查每个JavaScript中是否有文字。如果它们没有完成，它将发送警报，如果它们是，则发送另一个警报。我不太确定如何做到这一点，并希望得到一些帮助来完成它。按钮的名称和三个textboxes如下所示。

<input id="checkD" type="button" value="Check Completion">

<input name="nameD" type="text" /><br>
<input name="emailD" type="text" /><br>
<input name="phoneD" type="text" /><br>

Answer 1

完成任务的一种方法是使用document.querySelectorAll选择input类型的所有text元素，然后循环检查每个元素的长度是否大于{ {1}}然后只根据结果显示一条消息。

function validate(){
     var inputElements = document.querySelectorAll("#testing input[type=text]");
     var flag = true;
     for (var i = 0; i < inputElements.length; i++){
         if (inputElements[i].value.length == 0){
            alert("please fill all fields");
            flag = false;
            break;
         }
     }

     if(flag) alert("proceed...");
}

Answer 2

在按钮上添加onclick事件并验证所有文本框值

<input id="checkD" type="button" onclick="validateTextbox();" value="Check Completion">

请参阅下面的小提琴以供参考

https://jsfiddle.net/ganesh2412/3ck6a09z/

在提交之前验证文本框

2 个答案: