Javascript JS-检查表格是否填写完整

我想在我的表格上得到一些帮助。目前，当用户提交表单时，表单会自动提交（进入main.php）。我想在提交前进行一次预检查，看看表格是否填写完整

以下是我的表单HTML：

<div id="reqForm" class="modal">
                <div class="modal-content">
                <div class="modal-header">
                    <span class="close">&times;</span>
                    <h2>Reimbersement Form</h2>
                </div>
                <div class="modal-body">
                    <div class="form">
                        <h2>Enter your information:</h2>
                        <br/>
                        <h3>
                        <form action="main" method="post" id="newRequest">
                            <label>Full Name:</label> <input type="text" name="name" value="<?php echo $name; ?>" disabled/><br />

                            <label>Reimberse Amount:</label> <input type="number" min="0" name="amount" /><br />
                            Customer Name: <select name="customerName" id="cN"><option value="" id='cPlSe' selected>--Select--</option><?php 
                            echo $optionC;
                            ?></select><br />Project Name: <select name="projectName" id="pN"><option value="" id='plSe' selected>Please select customer name </option><option value="">--Select--</option><?php
                            echo $optionP;
                            ?></select><br />
                            <label>Reason (max length 255 characters): </label><br /><textarea cols="40" rows="1" form="newRequest" name="reason"></textarea><br /> 
                            <input type="hidden" name="submitted"/>

                        </h3>
                    </div>
                </div>
                <div class="modal-footer"><br />
                    <input type="submit" id="submit"/>
                    </form>
                </div>
              </div>
            </div>

&时代；
重新登记表
输入您的信息：


全名：
项目名称：请选择客户名称--选择--

原因（最大长度为255个字符）：

还有我的PHP：

if(isset($_POST["submitted"])){
                    $name = $_SESSION["name"];
                    $amount = $_POST["amount"];
                    $projectName = $_POST["projectName"];
                    $customerName = $_POST["customerName"];
                    $reason = $_POST["reason"];
                    $d = array("name"=>$name,"amount"=>$amount,"projectName"=>$projectName,"customerName"=>$customerName,"reason"=>$reason);

                    foreach($d as $i) {
                        if("" == trim($i)) {
                            echo "Make sure you have filled out all the fields. Click <a href='main'>here</a> to go back.";
                            exit();
                        }
                    }


                    foreach($d as $i) {
                        mysqli_real_escape_string($connect, $i);
                    }
                    $name = $d["name"];
                    $amount = $d["amount"];
                    $projectName = $d["projectName"];
                    $customerName = $d["customerName"];
                    $reason = $d["reason"];

                    $query = "INSERT INTO `requests` (`Name`, `Amount`, `ProjectName`, `CustomerName`, `Reason`) VALUES " . "('" . $name . "', '" . $amount . "', '" . $projectName . "', '" . $customerName . "', '" . $reason."');";

                    if (mysqli_query($connect, $query)) {
                        echo "Success!";
                    } else {
                        echo "Error: " . $query . "<br>" . mysqli_error($connect);
                    }
                }

if（isset（$\u POST[“已提交”]））{
$name=$\会话[“name”]；
$amount=$_POST[“amount”]；
$projectName=$\u POST[“projectName”]；
$customerName=$\u POST[“customerName”]；
$reason=$_POST[“reason”]；
$d=数组（“名称”=>$name，“金额”=>$amount，“项目名称”=>$projectName，“客户名称”=>$customerName，“原因”=>$reason”）；
foreach（$d作为$i）{
如果（“==修剪（$i））{
echo“确保已填写所有字段。单击返回。”；
退出（）；
}
}
foreach（$d作为$i）{
mysqli_real_escape_字符串（$connect，$i）；
}
$name=$d[“name”]；
$amount=$d[“金额”]；
$projectName=$d[“projectName”]；
$customerName=$d[“customerName”]；
$reason=$d[“原因”]；
$query=“插入到`requests`（`Name`、`Amount`、`ProjectName`、`CustomerName`、`Reason`）值中”。”（“$Name.”、“$Amount.”、“$ProjectName.”、“$CustomerName.”、“$Reason.”）；
if（mysqli_查询（$connect，$query））{
呼应“成功！”；
}否则{
echo“Error:”.$query.
“.mysqli_Error（$connect）；
}
}

注意：我对表单使用了模态，如

---

如果您可以使用第三方库，您可以使用输入标记的'required'属性，我建议您使用parsleyJs。这样你就可以使用

$（'form'）.parsley（）.validate（）

检查表单是否有效

如果您想检查所有内容是否已填写，则需要使用

required

标记，也可以使用其他类型和标记

---

您可以通过在所有输入字段中添加html标记“required”来强制所有字段。但是，如果您必须使用javascript，您可以尝试以下操作：您的html标记无效，

h3

标记对跨在表单上（一个在外，另一个在内）

<input required></input>