Question

我有.container＆gt; .row＆gt; .col-*-4（3x）

在每个栏目中我都有一个分享按钮。我需要该按钮弹出一个带有验证条件的表单的模态。

例如：

请输入您的姓名（必须至少有一个大写字母，长度为2个字符，全名）

Natalya Smooth（正确）
natalya S（不正确）

我该怎么做？

Answer 1

您可以在文本字段中使用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>

单击Bootstrap中的按钮，打开一个带有验证的模态表单

1 个答案: