在 swal 之前验证必填字段？

Question

如何在 swal 之前验证所需的输入字段？我在输入字段中添加了 required 但它不起作用？swal 警报工作正常，任何人请帮助我提前解决这个问题issue.Thanks。

 <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'
                    )
                }
      })

Answer 1

您可以尝试先使用 HTMLFormElement.reportValidity

触发 HTML5 表单验证

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

在 swal 之前验证必填字段？

Validate required field before swal?

javascript

jquery

sweetalert