解决Bootstrap表单提交时的数据验证问题

客户端验证用HTML5 属性最简单。
required保证字段非空。
type="email"自动验证邮箱格式。
pattern用正则定义复杂规则。
比如邮箱验证用type="email"。

实现表单“三选一”字段验证：基于JavaScript/jQuery的定制化方案

哈，这个表单验证的事情啊，得细说，你看2 02 2 年，我在某个项目里头，那时候也懵，得，先得写个监听表单提交的事件，得，用jQuery，这玩意儿方便，$(document).ready(function(){$('yourFormId').on('submit',function(e){//验证逻辑});});，这行代码，得，先得写个监听，然后等表单提交了，得，咱们得检查，怎么检查呢，先得拿到值啊，固定电话，手机号码1 ，手机号码2 ，这三个字段，这得用jQuery的val()方法，对吧，得，telephone_fixe，telephone_mobile，telephone_mobile2 ，这几个字段，得，得写个验证逻辑，得，如果这三个字段都空着呢，那不行，得阻止提交，得，alert('请至少填写一个电话号码（固定电话、手机号码1 或手机号码2 ）。
')，得，e.preventDefault();，这防止它提交，这玩意儿，得，用户体验啊，得优化，得，别用alert了，得，改用动态显示错误消息，得，在表单顶上或者字段旁边插个错误提示，得，if(!fixe&&!mobile&&!mobile2 ){$('.error-message').text('请至少填写一个电话号码').show();e.preventDefault();}，得，高亮那个没填的字段，得，telephone_fixe，telephone_mobile，telephone_mobile2 ，这几个字段，没填的，给它加个.error-field的CSS类，得，然后表单ID替换，得，yourFormId，这玩意儿得换成实际表单的ID，或者用别的选择器，得，服务器端验证啊，这玩意儿，前端验证只是为了用户体验，后端还得再验证一遍，防止有人绕过去，得，扩展场景适配，其他的字段类型，检查复选框组，检查下拉菜单，这些也得验证，得，集成验证库，FormValidation.io这些，也能用，扩展逻辑，得，这玩意儿，得，总结起来，通过监听表单提交，获取字段值，写条件判断，灵活实现“三选一”验证，这玩意儿不错，得，结合用户体验优化和服务器端验证，得，实际开发的时候，得根据需求调整提示方式或者扩展到更多字段类型，得。