如何在表單提交之前確保用戶插入說明或文件？

Question

我有一個顯示“消息圖標”的foreach行（我不認為它與表單有任何關系，因為表單在循環之外： 在此處輸入圖像描述，其中顯示一個聊天表單，您可以鍵入聊天或發送附件： 在此處輸入圖像說明

如何才能在提交前提出其中一個要求？ 我嘗試了多種JQuery方法，但因為它們處於for循環中，並且每個都沒有特殊的id，所以它不起作用。 有什么幫助嗎？ 我只是需要它來顯示警報

這是我的表單代碼：

                <form  method="post"action="<?php echo base_url();?>form_support_chat" enctype="multipart/form-data" class="ticket-reply-form">
            <div class="row">
                <div class="col-xs-12">
                    <div class="chat-left">
                        <input type="text" name="message" placeholder="Type Message ..." class="form-control" autocomplete="off">
                        <input type="hidden" name="cst_id" value="<?php echo $cst_id; ?>">
                        <input type="hidden" name="arch_ticket" value="<?php echo $arch_ticket; ?>">
                        <input type="hidden" name="ticket_number" value="<?php echo $ticket_number?>">
                    </div>
                    <div class="chat-right">
                    <label>  
                        <img src="<?php echo base_url();?>/assest/icon-img/paperclip.png" class="ic_img" >
                        <input type="file" name="file" class="form-control" style="display:none;" id="hidden_upload_file_chatting">
                    </label>

                    <button type="submit" class="btn btn-flat" name="reply" value="reply" >Reply</button>

                    <button type="button" class="btn btn-flat" data-dismiss="modal" style="margin-left: 10px !important;">Close</button>
                    <span id="_showName"></span>
                    </div>
                </div>

            </div>
          </form>

Answer 1

只需使用html5的必需值即可

<input  name="cst_id" value="<?php echo $cst_id; ?>" required>

要么

<input  name="cst_id" value="<?php echo $cst_id; ?>" required="true">

更新

使用jQuery，為每個輸入添加id值

$(document).ready(function() {
if( $('#input1').valid() || $('#input2').valid();  ):

console.log("Success");
endif;
});