(名称);； var状态=假； 如果（firstName.val（）==“”）{ firstName.addClass（“蛀虫危险”）； $（“#fn_error”）.html（“请输入电子邮件”）； 状态=假； }否则{ firstName.removeClass（“边界危险”）； $（“#fn_error”）.html（“”）； 状态=真 } 如果（lastName.val（）==“”）{ lastName.addClass（“蛀虫危险”）； $（“#ln_error”）.html（“请输入姓氏”）； 状态=假； }否则{ lastName.removeClass（“边界危险”）； $（“#ln_error”）.html（“”）； 状态=真 } 如果（状态==真）{ 警惕（“准备就绪”）； } })

您可以在每个输入字段下面添加隐藏的错误类。您可以使用javascript和jquery验证表单。如果输入错误，可以显示错误类

HTML:

<form method="POST" id="register_form" action=" " autocomplete="off">  

    <label for="right-label" class="right inline">First Name</label>
    <input class="inputs" type="text" id="firstName" placeholder="First Name">
    <small id="fn_error" class="form-text text-muted"></small>
    <br>
    <label for="right-label" class="right inline">Last Name</label>
    <input   class="inputs" type="text" id="lastName" placeholder="Last Name">
    <small id="ln_error" class="form-text text-muted"></small>
    <br>        
    <input type="submit" id="right-label" value="Register" name="submit" >
    <input type="reset" id="right-label" value="Reset">   

</form>

名字


姓

JS:

$（'register_form'）。在（“提交”，函数（）{
var firstName=$（“#firstName”）；
var lastName=$（“#lastName”）；
var状态=假；
如果（firstName.val（）==“”）{
firstName.addClass（“蛀虫危险”）；
$（“#fn_error”）.html（“请输入电子邮件”）；
状态=假；
}否则{
firstName.removeClass（“边界危险”）；
$（“#fn_error”）.html（“”）；
状态=真
}
如果（lastName.val（）==“”）{
lastName.addClass（“蛀虫危险”）；
$（“#ln_error”）.html（“请输入姓氏”）；
状态=假；
}否则{
lastName.removeClass（“边界危险”）；
$（“#ln_error”）.html（“”）；
状态=真
}
如果（状态==真）{
警惕（“准备就绪”）；
}
})

“…我需要的是所有选项/表格在提交查询之前都需要输入”输入是否必须用任何文本（甚至空格）填充，或者必须进行其他验证。前两个表格需要从下拉菜单输入，后两个表格需要日期，最后一个是数字

type=“number“

@SLaks太棒了！这就是我需要的，谢谢。”…我需要的是所有选项/表格在提交查询之前都需要输入”输入是否必须用任何文本（甚至空格）填充，或者必须进行其他验证。前两个表格需要从下拉菜单输入，后两个需要日期，最后一个是数字

类型=“number”

@SLaks太棒了！这正是我需要的，谢谢。

<form method="POST" id="register_form" action=" " autocomplete="off">  

    <label for="right-label" class="right inline">First Name</label>
    <input class="inputs" type="text" id="firstName" placeholder="First Name">
    <small id="fn_error" class="form-text text-muted"></small>
    <br>
    <label for="right-label" class="right inline">Last Name</label>
    <input   class="inputs" type="text" id="lastName" placeholder="Last Name">
    <small id="ln_error" class="form-text text-muted"></small>
    <br>        
    <input type="submit" id="right-label" value="Register" name="submit" >
    <input type="reset" id="right-label" value="Reset">   

</form>

$('#register_form').on("submit",function () {
        var firstName= $("#firstName");
        var lastName= $("#lastName");        
        var status = false;

        if (firstName.val() == "") {
            firstName.addClass("borer-danger");
            $("#fn_error").html("<span class='text-danger'>Please Enter Email</span>");
            status = false;
        } else {
            firstName.removeClass("border-danger");
            $("#fn_error").html("");
            status = true
        }
        if (lastName.val() == "") {
            lastName.addClass("borer-danger");
            $("#ln_error").html("<span class='text-danger'>Please Enter Last Name</span>");
            status = false;
        } else {
            lastName.removeClass("border-danger");
            $("#ln_error").html("");
            status = true
        }
        if (status == true) {
            alert("Ready");
        }
    })