Javascript 在swal之前验证所需字段？

如何在swal之前验证必填输入字段？我在输入字段中添加了必填项，但它不起作用？swal警报工作正常，任何人请帮助我解决此问题。提前感谢

 <input type="text" class="form-control" name="marks"  id="marks" required>
                                                         
    <button type="button" id="btn_upload<?php echo $s;?>" class="btn btn-primary" onClick="FunctionAdd(<?php echo $s;?>)" >Submit</button>
<script>
function FunctionAdd($s)
 {
swal({
        title: 'Are you sure?',
        text: "The data will input",
        type: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Add',
        cancelButtonText: 'Cancel'
      }).then((result) => { 
        if (result.value) {alert('submitting');
        var myForm = $("#myForm"+$s)[0];
             $.ajax({
                 url:"<?php echo base_url(); ?>creates",
                 type:"post",
                 data: new FormData(myForm),
                 processData:false,
                 contentType:false,
                 cache:false,
                 async:false,
                  success: function(data){
           window.location = '';

               },
               failure:function(d){
                      alert("Error")
                      alert(d)
               }
             });
          }
          
          else if (result.dismiss === 'cancel') {
                    swal(
                      'Cancelled',
                      'You stay here :)',
                      'error'
                    )
                }
      })
      

您可以尝试先使用触发HTML5表单验证

function FunctionAdd($s) {
  var myForm = $("#myForm"+$s)[0];
  if (myForm.reportValidity()) {
    swal({
      ...
    }).then((result) => {
      ...
    });
  }
}