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

Question

I have a .container > .row > .col-*-4 (3x)

Inside each column I have a share button. I need that button to pop-up a modal with a form with validation conditions.

For Example :

Please enter your name (must be at least one upper letter, 2 characters long, full name)

• Natalya Smooth (correct)
• natalya S (incorrect)

How can I do this?

Answer 1

You can use pattern for the your text field:

<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>