在Bootstrap中单击按钮时，打开带有验证的模式表单

Open a modal form with validation when clicking on a button in Bootstrap

本文关键字：验证 表单 模式 Bootstrap 单击 按钮      更新时间：2023-09-26

我有一个.container>.row>.col-*-4(3x(

在每一列中，我都有一个共享按钮。我需要这个按钮来弹出一个带有验证条件的表单的模态。

例如：

请输入您的姓名(必须至少是一个大写字母，2个字符长，全名(

  • Natalya平滑(正确(
  • natalya S(不正确(

我该怎么做？

您可以将pattern用于您的文本字段：

<form >
  Name: 
  <input type="name" name="nm" pattern="(?=.*[a-z])(?=.*[A-Z]).{2,}" 
         title="Must contain at one uppercase and at least 2 or more characters">
  <input type="submit">
</form>
相关文章：