鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 在vue中使用input required屬性不起作用

在vue中使用input required屬性不起作用

vue構(gòu)建的項(xiàng)目,有個(gè)表單提交頁(yè),因?yàn)橛形募峤?,采取的formdata的提交方式
input的required屬性不起作用,求問是哪里的問題

<form  id= "uploadForm" name="regForm" enctype="multipart/form-data" >
              <label class="ivu-form-item-label" style="width: 80px;">服務(wù)廠商</label>
              <input type="text" name="bankName" v-model="input.input1" class="ivu-input" :disabled="isReadOnly" :required="true"><br>



              <label class="ivu-form-item-label" style="width: 80px; position: relative;bottom: 100px;">廠商簡(jiǎn)介</label>
              <textarea  name="bankInfo" v-model="input.input2" class="ivu-text" :disabled="isReadOnly" required="required"></textarea><br>
              <label class="ivu-form-item-label" style="width: 80px;">廠商人數(shù)</label>
              <input type="text" name="peopleNumber" v-model="input.input3" class="ivu-input" :disabled="isReadOnly" required="required"><br>
              <label class="ivu-form-item-label" style="width: 80px;">產(chǎn)品圖片</label>
              <input type="file" name="businessLicence"  v-show="fileshow"  class="ivu-input" :disabled="isReadOnly" required="required" accept="image/gif,image/jpeg,image/jpg,image/png"><br>


              <label class="ivu-form-item-label" style="width: 80px;">產(chǎn)品許可文件</label>
              <input type="file" name="openingLermission" v-show="fileshow"  class="ivu-input" :disabled="isReadOnly" required="required" accept="image/gif,image/jpeg,image/jpg,image/png"><br>
              <label class="ivu-form-item-label" style="width: 80px;">產(chǎn)品名稱</label>
              <input type="text" name="workNake" v-model="input.input6" class="ivu-input" :disabled="isReadOnly" required="required"><br>
              <label class="ivu-form-item-label" style="width: 80px;">產(chǎn)品介紹</label>
              <input type="text" name="workFlowInfo" v-model="input.input7" class="ivu-input" :disabled="isReadOnly" required="required"><br>
              <label class="ivu-form-item-label" style="width: 80px;">開發(fā)者</label>
              <input type="text" name="developer" v-model="input.input8" class="ivu-input" :disabled="isReadOnly" required="required"><br>
              <label class="ivu-form-item-label" style="width: 80px;">管理部門</label>
              <input type="text" name="adminDept" v-model="input.input9" class="ivu-input" :disabled="isReadOnly" required="required"><br>
              <label class="ivu-form-item-label" style="width: 80px;">運(yùn)行時(shí)間</label>
              <input type="text" name="setTime" v-model="input.input10" class="ivu-input" :disabled="isReadOnly" required="required"><br>
              <label class="ivu-form-item-label" style="width: 80px;">目前運(yùn)行狀態(tài)</label>
              <input type="text" name="currentStatus" v-model="input.input11" class="ivu-input" :disabled="isReadOnly" required="required"><br>
              <label class="ivu-form-item-label" style="width: 80px;">上傳頁(yè)面截圖</label>
              <input type="file" name="screenshot"  v-show="fileshow" class="ivu-input" :disabled="isReadOnly" required="required" accept="image/gif,image/jpeg,image/jpg,image/png"><br>
              <!-- <Button v-show="showbtn" @click="goBack()">返回上一頁(yè)</Button> -->

              <!-- <input type="file" name="screenshot"  v-show="fileshow" class="ivu-input" :disabled="isReadOnly" required><br> -->


               <input class="ivu-btn" v-show="showbtn" :disabled="disabled1"  type="button" value="確認(rèn)提交" @click="doUpload()" />

               <input class="ivu-btn" v-show="showedit" :disabled="disabled2" type="button" value="確認(rèn)修改并提交" @click="editUpload()" />

            </form>
回答
編輯回答
落殤

提交的按鈕用

<input type="submit">
2018年4月20日 16:53