直接使用代码

图片素材

点击下载本素材所包含的图片，js文件

css代码

 <style>
.table-bordered th{text-align: center;font-weight: bold;line-height: 35px!important;vertical-align: middle;}
</style>

HTML+JS代码

 <div class="container">
  <h3 class="text-center line60">纠错反馈</h3>
  <form action="/index.php/Home/Index/saveMessage2" enctype="multipart/form-data" method="POST" class="org_sq_form">
      <input type="hidden" name="pubdate" value="2021-04-22 21:52:11" />
      <table class="table table-bordered">
          <tr>
              <th width='30%'>机构名称</th>
              <td> <input type="text" class="form-control org_name" required name="org_name" ></td>
          </tr>
          <tr>
              <th width='30%'>机构地址</th>
              <td> <input type="text" class="form-control" required name="org_address"></td>
          </tr>
          <tr>
              <th width='30%'>机构电话</th>
              <td> <input type="text" class="form-control" required name="org_tel"></td>
          </tr>
          <tr>
              <th width='30%' style="vertical-align: middle;">反馈内容</th>
              <td> <textarea class="form-control" rows="3" name="content"></textarea></td>
          </tr>

      </table>
      <img src="http://www.bootfastui.cn/img/2021/0422-2/tijiao.png" width="300" class="center-block mar-top10  mar-bottom30 tijiao" />
  </form>
</div>
<script>
  $(function () {
      $('.tijiao').click(function () {
          if($('.org_name').val() ==''){
              alert('请填写机构名称')
              $('.org_name').focus()
          }else{
              $('form').submit();
          }
         
      })
  })


</script>