SweetAlert2は、いくつかの入力ボックスを示し、内部にカスタムHTML、との警告を開く、カスタムHTML

Question

問題私はSweetAlert2を使用してい

に入力から値を取得します。私はSweetAlert2からの通常の確認/キャンセルボタンを使用して、これらの入力の値をソケットに送信したいと思います。私は通常のSweetAlert2ボタンを使用して、これらの入力の値を取得できますか

質問

？回避策である通常の入力やHTMLボタンを使用することをお勧めしません。私はそれを望んでいません。

環境

私はjQueryの、SweetAlert2、およびなど、あなた以来

コード

function addUser() { 
    swal({ 
     html: ` 
      <div class="field"> 
       Email: 
       <p class="control has-icons-left"> 
       <input class="input" type="email" placeholder="Email"> 
        <span class="icon is-small is-left"> 
         <i class="mdi mdi-email"></i> 
        </span> 
       </p> 
      </div> 
      <div class="field"> 
       Name: 
       <p class="control has-icons-left"> 
        <input class="input" type="text" placeholder="Name"> 
        <span class="icon is-small is-left"> 
         <i class="mdi mdi-account"></i> 
        </span> 
       </p> 
      </div> 
      <div class="field"> 
       Password: 
       <p class="control has-icons-left"> 
        <input class="input" type="text" placeholder="Password"> 
        <span class="icon is-small is-left"> 
         <i class="mdi mdi-key"></i> 
        </span> 
       </p> 
      </div> 
      <div class="field"> 
       Level: 
       <p class="control has-icons-left"> 
        <input class="input" type="text" placeholder="Level"> 
        <span class="icon is-small is-left"> 
         <i class="mdi mdi-arrow-up"></i> 
        </span> 
       </p> 
      </div> 
     `, 
     confirmButtonText: 'Confirm', 
     cancelButtonText: 'Cancel', 
     confirmButtonClass: 'button is-success has-right-spacing', 
     cancelButtonClass: 'button is-danger', 
     buttonsStyling: false, 
     showCancelButton: true 
    }) 
} 

Answer 1

Vue.jsとSocket.io、など、いくつかのunrelevantライブラリを使用カスタムHTML入力を使用している場合、ライブラリのAPIの通常の設定では目的を達成できません。私はあなたの入力から値を得るために、API関数のpreConfirmを次のように使用することをお勧めします。