在sweetAlert中输入文本

Question

我正在使用自定义版本sweetalert向我的用户询问输入。身份证设法使一切正常，但有一个奇怪的行为;为了能够在该输入框中的文字，你必须先点击屏幕：

swal({ 
    title: "Aggiornamento profilo", 
    text: '<br /><form method="post" id="taxcode-update" name="taxcodeUpdate"><input id="admin-tax-code" minlength="3" class="form-control wedding-input-text wizard-input-pad" type="text" name="taxCode" placeholder="Codice fiscale"></form>', 
    type: "warning", 
    showCancelButton: false, 
    confirmButtonText: "Aggiorna il mio profilo", 
    closeOnConfirm: false 
}, function() { 
    swal("Deleted!", "Your imaginary file has been deleted.", "success"); 
}); 

工作例如：https://jsfiddle.net/fvkppx06/

Answer 1

JSFiddle

给这个input的autofocus标签。

text: '<br /><form method="post" id="taxcode-update" name="taxcodeUpdate">' 
    + '<input id="admin-tax-code" autofocus minlength="3" class="form-control wedding-input-text wizard-input-pad" type="text" name="taxCode" placeholder="Codice fiscale">' 
    + '</form>', 

Answer 2

只是测试这个

swal.withForm({ 
    title: 'Cool Swal-Forms example', 
    text: 'Any text that you consider useful for the form', 
    showCancelButton: true, 
    confirmButtonColor: '#DD6B55', 
    confirmButtonText: 'Get form data!', 
    closeOnConfirm: true, 
    formFields: [ 
     { id: 'name', placeholder:'Name Field' }, 
     { id: 'nickname', placeholder:'Add a cool nickname' } 
    ], function(isConfirm) { 
    // do whatever you want with the form data 
    console.log(this.swalForm); // { name: 'user name', nickname: 'what the user sends' } 
}) 

https://github.com/taromero/swal-forms

Answer 3

swal({ 
    title: "An input!", 
    text: "Write something interesting:", 
    type: "input", 
    showCancelButton: true, 
    closeOnConfirm: false, 
    animation: "slide-from-top", 
    inputPlaceholder: "Write something" 
}, 
function(inputValue){ 
    if (inputValue === false) return false; 

    if (inputValue === "") { 
    swal.showInputError("You need to write something!"); 
    return false 
    } 

    swal("Nice!", "You wrote: " + inputValue, "success"); 
});