样式：sa-input-error show 点击并不能清空输入框修复代码!DOCTYPE htmlhtml lang=en head meta charset=UTF-8 titleDocumenttitle head body div link href=httpscdnjscloudflarecomajaxlibssweetalert113sweetalertmincss rel

日期: 2025-07-15

标签: 社会

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
 </head>
 <body>
  <div>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
    <script type="text/javascript">
      swal({
        title:'',
        text:"为防止接口泛滥，特加验证",
        type:'input',
        closeOnConfirm: false,
        closeOnCancel: false,
        confirmButtonText: "确 认",
        imageUrl: 'http://www.frpkj.com/tool/weixin/ewm.jpg',
        imageSize: '200x200',
        inputPlaceholder:"关注公众号：“SSN5068”获取验证码",
        showLoaderOnConfirm:true,
      },function(inputValue){
        if (inputValue != '123') {
          swal.showInputError('输入错误，关注即可获取');
          // 加入以下代码，清空输入框
          setTimeout(function(){
            document.querySelector('.sweet-alert input').value = '';
          }, 0);
          return;
        }
        else{
          swal.close('123');
          return;
        }
      });
    </script>
  </div>
 </body>
</html>

样式：sa-input-error show 点击并不能清空输入框修复代码!DOCTYPE htmlhtml lang=en head meta charset=UTF-8 titleDocumenttitle head body div link href=httpscdnjscloudflarecomajaxlibssweetalert113sweetalertmincss rel

原文地址: https://www.cveoy.top/t/topic/bWQI 著作权归作者所有。请勿转载和采集!