Javascript 如何对以下字段进行验证

我正在尝试对以下字段应用验证，请帮助。正常验证，如检查是否为空以及是否为空，在字段上显示错误。我该怎么做

我的HTML代码

表格名称

 <div class="modal fade bs-example-modal-sm" tabindex="-1"
                     role="dialog" aria-labelledby="mySmallModalLabel"
                     data-keyboard="false" data-backdrop="static">
                    <div class="modal-dialog modal-sm" role="document">
                        <div class="modal-content" style="padding:20px;">
                              <form id="contact-form" method="post" action="" role="form">
                            <div class="form-group">
                                 <label for="frmName">Form Name *</label>
                                      <input id="frmName" type="text"
                                               name="frmName"
                                               class="form-control input-lg"
                                               placeholder="Please enter your form name *"
                                               required="required"
                                               data-error="form name is required."
                                               ></input> 
                             <div class="help-block with-errors"></div>
                            </div>
                                       <div class="form-group">
                                <label for="txtProductName" class="control-label">Select Product : </label>
                                <select required="required" data-error="form name is required." style="width: 260px;height :35px; font-size: 15px;" class="form-control" id="op1">
                                    <option selected="selected">Select</option>
                                </select>
                                 <div class="help-block with-errors"></div>
                               </div>
                                       <div class="form-group">
                                 <label for="frmdesc">Form Description *</label>

                                        <input id="frmdesc" type="text" name="name"
                                               class="form-control"
                                               placeholder="Please enter your form Desc *"
                                               required="required"
                                               data-error="full name is required."></input>
                             <div class="help-block with-errors"></div>
                            </div>

                            <div class="modal-footer">
                                <button type="button" class="js-save-form fb-button" onclick="checkValidation();"
                                        data-dismiss="modal">Proceed</button>
                            </div>
                                    </form> 
                        </div>
                    </div>
                </div>

表格名称*
选择产品：
挑选
表格说明*
继续

希望这会有用

jQuery:

function checkValidation()
{
    $('.required-fields').each(function(i, obj) {
        if($(this).val() == "")
        {
            $(this).addClass('.alertClass');
        }
        else
        {
            $(this).removeClass('.alertClass');
        }
    });
}

.alertClass{border-color: indianred;}

CSS:

function checkValidation()
{
    $('.required-fields').each(function(i, obj) {
        if($(this).val() == "")
        {
            $(this).addClass('.alertClass');
        }
        else
        {
            $(this).removeClass('.alertClass');
        }
    });
}

.alertClass{border-color: indianred;}

试试看，检查一下

//Check your Jquery and jquery.validate.min.js

//add script
        <script>  
        $(document).ready(function () {
            $("#contact-form").validate();
        });
function validon() {
$("#contact-form").valid()
//or if ($("#contact-form").valid()) {}else{}
}
        </script>


    //html
             <form id="contact-form" method="post" action="" role="form">
            <input type="text"  id="txtTest" name="Test" required />
            <input type="button" id="btnvalid" value="valid" onclick="validon();" />
            </form> 

//检查Jquery和Jquery.validate.min.js
//添加脚本
$（文档）.ready（函数（）{
$（“#联系方式”）.validate（）；
});
函数validon（）{
$（“#联系方式”）.valid（）
//或者如果（$（“#联系方式”）.valid（）{}else{}
}
//html

Form Name您忘了将javascript代码段放在上面的按钮上，我得到一个弹出窗口。函数checkValidation（）{var Name=document.getElementById（'frmName'）。值；if（Name！=“”）{$（'#contact Form'）。formValidation（'resetForm'，true）; } }请为它添加JSFIDLE。为每个必填字段添加

必填字段

类。我要查找的是我想在引导模式内验证表单，只有在成功验证后，引导模式才会关闭，如果任何字段为空，则应显示错误。我要查找的确切内容是我想验证引导模式内的表单，只有在成功验证后，引导模式才应关闭，如果任何字段为空，则应显示错误。