Я использую jquery подтверждение в моей форме. Проверка формы добавления работает правильно, но в форме редактирования я хочу удалить только необходимую проверку в Uploadfile, когда мы не нажимаем кнопку «Загрузить файл Mp3». но когда мы нажмем кнопку «Загрузить радио Mp3», это поле станет обязательным для заполнения.
$("#editform").validate({
rules: {
uploadfile: {
required: "#uploadmp3:checked",
accept: "audio/*",
filesize: 10240
},
name: {
required: true,
},
}
});
<div class="modal inmodal custom-modal fade" id="viewDetail" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<button type="button" class="close" data-dismiss="modal">×</button>
<div class="modal-content modal-md"><button data-dismiss="modal" class="close" type="button">×</button>
<div class="modal-header">
<h4 class="modal-title">Edit your recording</h4>
</div>
<div class="modal-body card-box">
<form class="m-b-30" action="{{route('admin.companysetting.callRecording.voiceEmail.update')}}" method="post" id="editform" novalidate="novalidate" enctype="multipart/form-data">
@csrf
<input type="hidden" name="id" id="id">
<div class="form-group">
<label class="tooltipWithLabel">
Name This Recoding
<i class="fa fa-question-circle text-navy" data-toggle="tooltip" data-placement="top" title="Select Recoding Name"></i>
</label>
<input class="form-control" name="name" id="name">
</div>
<div class="form-group">
<div class="radio">
<div class="i-checks"><label class="icheckupload"> <input type="radio" value="1" name="missedCall" id="uploadmp3"> <i></i>Upload My MP3 File </label></div>
</div>
<div class="radio">
<div class="i-checks"><label class="icheckcall"> <input type="radio" value="0" name="missedCall" id="callrecord"> <i></i>Call System To Record </label></div>
</div>
</div>
<div class="form-group uploadMp3 hiddenSection">
<label>Upload a File</label>
<div class="custom-file">
<input id="uploadFile" type="file" class="custom-file-input" name="uploadfile">
<label for="uploadFile" class="custom-file-label">Choose file...</label>
</div>
</div>
<div id="audio"></div>
<div class="form-group d-flex align-items-center">
<label class="vertical-align" style="padding-right: 20px">Make Global? </label>
<label class="custom-switch">
<input type="checkbox" class="statusCheckBox" id="global" name="global">
<span class="slider round ringPhoneCheckBox"></span>
<span class="absolute-no">No</span>
</label>
</div>
<div class="form-group callSystem hiddenSection" style="display: none">
<label>Please call</label>
<label>
Call the following number to create your recording
</label>
<div>
<a href="tel:1-505-111-2222">1-505-111-2222</a>
</div>
</div>
<div class="form-group">
<button class="btn btn-primary">Save</button>
</div>
</form>
</div>
</div>
</div>
</div>
Я использую jquery подтверждение в моей форме. Проверка формы добавления работает правильно, но в форме редактирования я хочу удалить только необходимую проверку в Uploadfile, когда мы не нажимаем кнопку «Загрузить файл Mp3». но когда мы нажмем кнопку «Upload Mp3 Radio», это поле будет подтверждено, обязательное для заполнения