Bootstrap的表单验证功能使用详解

php中世界最好的语言

Lepaskan： 2018-04-14 16:29:17

asal

2062 orang telah melayarinya

这次给大家带来Bootstrap的表单验证功能使用详解，Bootstrap表单验证的注意事项有哪些，下面就是实战案例，一起来看一下。

使用方式：

1.CSS样式

.valierror {
 border-color: red !important;
}
.tooltip.right .tooltip-arrow {
 border-right-color: #d15b47;
}
.tooltip-inner {
 background-color: #d15b47;
}

Salin selepas log masuk

<form id="form">
  <input type="text" class="form-control" name="Phone" data-
  <input type="text" class="form-control" name="Name" data-   
   valiType="required">
</form>
<script>
  var $form = $("#form");
  var isVali = $form.FormValidate();
</script>

Salin selepas log masuk

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

Node的模块系统使用详解

bootstrap有哪些轮播模板可以使用

Atas ialah kandungan terperinci Bootstrap的表单验证功能使用详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

bootstrap 使用功能

sumber：php.cn

Artikel sebelumnya：Node的模块系统使用详解 Artikel seterusnya：js 实现毫秒+天+时+分秒转换

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang