JS sweetalert实现输入框并判断输入内容是否正确

要在SweetAlert中添加输入框并判断输入内容是否正确，可以使用SweetAlert2库提供的`Swal.fire()`方法。下面是一个示例代码：

Swal.fire({
  title: 'Please enter your name:',
  input: 'text',
  showCancelButton: true,
  confirmButtonText: 'Submit',
  preConfirm: (name) => {
    if (!name) {
      Swal.showValidationMessage('Please enter your name')
    }
    else if (name.length < 3) {
      Swal.showValidationMessage('Name should be at least 3 characters')
    }
    else {
      return name
    }
  }
}).then((result) => {
  if (result.value) {
    Swal.fire({
      title: `Hello, ${result.value}!`,
      text: 'Nice to meet you.',
      type: 'success'
    })
  }
})

这段代码将弹出一个SweetAlert对话框，要求用户输入姓名。如果用户没有输入姓名，或输入的姓名长度小于3个字符，将会显示相应的错误消息。如果输入内容正确，则会显示欢迎消息。

在`Swal.fire()`方法中，我们设置了以下选项：

- `title`：对话框标题，显示提示信息“Please enter your name:”；
- `input`：输入框类型，设置为`text`表示文本输入框；
- `showCancelButton`：是否显示取消按钮，设置为`true`；
- `confirmButtonText`：确认按钮的文本，设置为“Submit”；
- `preConfirm`：输入内容验证函数，如果验证通过，则返回输入的内容。如果验证不通过，则显示相应的错误消息。

在`preConfirm`函数中，我们首先检查输入内容是否为空，如果为空，则显示“Please enter your name”的错误消息。然后再检查输入内容的长度是否小于3个字符，如果是，则显示“Name should be at least 3 characters”的错误消息。如果输入内容正确，则返回输入的内容。

在`then`方法中，我们检查是否有正确的输入内容，如果有，则显示欢迎消息。如果没有，则不做任何处理。

希望这能帮到你！