Question

当我尝试在HTML上发布表单时，会返回错误（我可以在控制台上看到它）并且表单不会发布。

错误（在控制台上）：

An invalid form control with name='shortText' is not focusable

您可以在下方找到我的HTML：

    <form class="form-horizontal" action="http://sava.com.tr/web/tr/yonetim/hizmet-ekle" method="POST" enctype="multipart/form-data">
   <fieldset class="content-group">
      <div class="form-group">
         <label class="col-lg-2 control-label">İçerik Dili</label>
         <div class="col-lg-10">
            <select class="bootstrap-select" data-width="100%" name="langCode">
               <option value="1" >Türkçe</option>
               <option value="2" >English</option>
            </select>
         </div>
      </div>
      <div class="form-group">
         <label class="col-lg-2 control-label">Ana Hizmet</label>
         <div class="col-lg-10">
            <select class="bootstrap-select" data-width="100%" name="main">
               <option value="0" >Hayır</option>
               <option value="1" >Evet</option>
            </select>
         </div>
      </div>
      <div class="form-group">
         <label class="col-lg-2 control-label">İçerik Görseli</label>
         <div class="col-lg-10">
            <div class="media no-margin-top">
               <div class="media-body">
                  <input type="file" class="file-styled" name="userfile">
                  <span class="help-block">Dosya boyutu en fazla 5 MB olabilir. Desteklenen formatlar: PNG/JPG/JPEG</span>
               </div>
            </div>
         </div>
      </div>
      <div class="form-group">
         <label class="control-label col-lg-2">İsim</label>
         <div class="col-lg-10">
            <input type="text" name="title" value="" placeholder="İsim" class="form-control" required="required"  />
         </div>
      </div>
      <div class="form-group">
         <label class="control-label col-lg-2">Kısa Açıklama</label>
         <div class="col-lg-10">
            <textarea name="shortText" cols="40" rows="4" placeholder="Kısa Açıklama" class="summernote"></textarea>
         </div>
      </div>
      <div class="form-group">
         <label class="control-label col-lg-2">İçerik</label>
         <div class="col-lg-10">
            <textarea name="content" cols="40" rows="4" placeholder="İçerik" class="summernote" ></textarea>
         </div>
      </div>
   </fieldset>
   <div class="text-right">
      <button type="submit" class="btn btn-info" >Ekle <i class="icon-circle-right2 position-right"></i></button>
   </div>
</form>

顺便说一句，它只发生在Chrome和Firefox Windows版本上。在Mac OS中，它的工作非常完美。

提前致谢。

Answer 1

这可能是因为未填写必填字段。在你的情况下，字段

<textarea name="shortText" cols="40" rows="4" placeholder="Kısa Açıklama" class="summernote" required="required" ></textarea>

可能尚未填写

Answer 2

在表单标记中添加novalidate

<form name="yourformname" novalidate>

HTML端的POST错误

2 个答案: