Jump to content
Sign in to follow this  
xzolsu

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

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
        ]
    }
},

Share this post


Link to post
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.

Sign in to follow this  

×
×
  • Create New...