Jump to content

SweetAlert2: Как сделать валидацию html input'ов


][idibudii][
 Share

Recommended Posts

В прекрасной либе Swal2 для всплывашек.

Есть прекрасный метод валидации: inputValidator

Но он проверяет только значение value у методов указаные в:

input: 'radio', //как пример: вобор только одного значения

image.png.2849f1f6b1090248ab1d8fb9b42b4196.png

Если надо валидировать значения внутри переданого html:

{
    title: '',
    text: 'Контактные данные',
    html:
        '<label for="swal-input1">Ваше имя:</label><br>' +
        '<input id="swal-input1" class="swal2-input" >' +
        '<label for="swal-input2">Ваше телефон:</label><br>' +
        '<input id="swal-input2" class="swal2-input">',
    focusConfirm: false,
    preConfirm: () => {
        ...
        //здесь проводим проверку значений в полях, и если что не так то выводим сеё:
        Swal.showValidationMessage('First input missing')
        
        return [
            document.getElementById('swal-input1').value,
            document.getElementById('swal-input2').value
        ]
    }
},
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Who's Online   0 Members, 0 Anonymous, 2 Guests (See full list)

    There are no registered users currently online

×
×
  • Create New...