使用内置样式的 Bootstrap 3 表单验证

Question

我想使用 Bootstrap3 的 CSS 实现表单验证（例如：在提交时，假设所有表单都正确填写，显示“alert alert-success”。如果失败，显示“alert alert-danger”包含解释失败（例如：请输入一个有效的名称）。现在，我只能在字段中输入文本（使用 HTML5 必需标记），而无法显示任何警报。

当前代码： http://pastebin.com/AjfUA26n

网址：http://infenterprises.com/contact/

Answer 1

你需要做两件事：

1. 进行服务器端验证。客户端验证可以为您的用户提供很好的帮助，但出于安全原因，它不会取代服务器端验证。话虽如此
2. 您需要使用 Javascript 进行客户端验证并显示结果。使用引导程序时的一个好帮手是http://bootstrapvalidator.com/。