如何确保用户在提交表单之前插入了描述或文件?

时间:2019-04-01 10:46:14

标签: php jquery html

我有一个foreach行,其中显示“消息图标”(我认为这与表单无关,因为表单不在循环中: enter image description here 它显示一个聊天表格,您可以键入聊天或发送附件: enter image description here

在提交之前,我该如何要求其中之一?我尝试了多种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>

1 个答案:

答案 0 :(得分:0)

只需使用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;
});