Breaking News: Grepper is joining You.com. Read the official announcement!

sweetalert2 multiple input validation

Shadow answered on September 22, 2022 Popularity 8/10 Helpfulness 6/10

answer sweetalert2 multiple input validation

sweetalert2 multiple input validation

Comment

Swal.fire({
        title              : "Ball Adding",
        html               :
          '<input class="swal2-input" id="rating-number" placeholder="Qo`shiladigan ballni yozing" type="number" style=" width: 80%; ">' +
          '<label for="rating-checkbox" class="swal2-checkbox" style="display: flex;">' +
          '<input type="checkbox" value="1" id="rating-checkbox">' +
          '<span class="swal2-label">Chempionat baliga ham qo`shilsin</span>' +
          '</label>',
        showCancelButton   : true,
        confirmButtonText  : "Qo'shish",
        cancelButtonText   : 'Bekor qilish',
        showLoaderOnConfirm: true,
        preConfirm         : () => {
          console.log('Rating: '+ parseInt(document.getElementById('rating-number').value))
          console.log('Checkbox: '+document.getElementById('rating-checkbox').checked)
          return parseInt(document.getElementById('rating-number').value)
        },
        allowOutsideClick  : () => !Swal.isLoading()
      }).then((result) => {
        if (result.isConfirmed) {
         console.log(result.value+' rating add')
        }
      })

Popularity 8/10 Helpfulness 6/10 Language whatever

Source: stackoverflow.com

Tags: checkbox input multiple-input sweetalert2 text validation whatever

Link to this answer
Share Copy Link

Contributed on Sep 22 2022

Shadow

0 Answers Avg Quality 2/10

sweetalert2 multiple input validation

Contents

More Related Answers

sweetalert2 multiple input validation

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.