How to verify bootstrap

You can add verification rules to form fields through the data-* attribute, such as not allowing empty, limiting string length, verifying email addresses, etc. After initializing the verification, an error message will be displayed when the form verification fails and the submit button is disabled until the verification passes.

Bootstrap Form Verification

Bootstrap provides a simple API for validating user input before form submission.

How to use Bootstrap to verify?

You can use data-* attribute to add validation rules to form fields:

• data-bv-notempty: Not allowed to be empty
• data-bv-stringlength: limit string length (min/max)
• data-bv-regexp: Use regular expression matching
• data-bv-emailaddress: Verify email address
• data-bv-uri: Verify URL
• data-bv-date: verification date
• data-bv-numeric: Verify numbers
• data-bv-identical: matches another field
• data-bv-different: different from another field

Example:

 <code class="html"><form id="form"> <input type="text" name="name" data-bv-notempty data-bv-stringlength="min:3,max:20"> <input type="email" name="email" data-bv-emailaddress> <button type="submit">提交</button> </form></code>

Initialization verification:

 <code class="javascript">$('#form').bootstrapValidator({ message: '这个值无效', submitButtons: 'button[type="submit"]', excluded: ':disabled' });</code>

Error handling:

After form validation fails, Bootstrap displays an error message next to the field with the error.

Disable the Submit button:

The submit button can be disabled through submitButtons option until the form validation passes.

Custom message:

The error message can be customized using message option.

The above is the detailed content of How to verify bootstrap. For more information, please follow other related articles on the PHP Chinese website!