在input里面写pattern属性，然后写正则表达式就可以了。
创新互联-专业网站定制、快速模板网站建设、高性价比武宣网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式武宣网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖武宣地区。费用合理售后完善，十多年实体公司更值得信赖。
html5 pattern 既要验证格式又要验证长度的解决办法是用正则表达式实现。
pattern 属性规定用于验证 input 域的模式(pattern)，模式(pattern) 是正则表达式。那些type为email或url的输入控件内置相关正则表达式，如果value不符合其正则表达式，那表单将通不过验证，无法提交。
也就是说 regexp=/(\/\*)+(.|\n|\r)+(\*\/)/解析后得到的是 /(\/\*)+(.|\n|\r)+(\*\/)/ 这个字符串，这个字符串将存放到 $regexp 变量中。
调用方式如下：valCheck.valid执行完毕，我们会得到一个布尔值，它表示表单控件是否已通过了所有的验证约束条件。
可判断用户是否已填写表单中的必填项目。可判断用户输入的邮件地址是否合法。可判断用户是否已输入合法的日期。可判断用户是否在数据域(numeric field)中输入了文本。
表单验证表单验证是一套系统，它为终端用户检测无效的数据并标记这些错误，是一种用户体验的优化，让web应用更快的抛出错误，但它仍不能取代服务器端的验证，重要数据还要要依赖于服务器端的验证，因为前端验证是可以绕过的。
首先我们要设置表单的验证规则 然后根据表单的验证规则定义要显示验证消息，最后通过JavaScript 和CSS相结合先将所有预定义的验证消息隐藏掉，然后再根据表单中的输入是否符合验证规则来控制验证消息的显隐状态。
HTML5自带的两种验证方式：l通过required属性校验输入框填写内容不能为空，如果为空将弹出提示框，并阻止表单提交。通过pattern属性规定用于验证input域的模式（pattern），它接受一个正则表达式。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的body标签中，输入html代码：input type=tel /。浏览器运行index.html页面，此时input输入框被标记为输入Tel 号码。
输入值为空时，valueMissing会返回true。表示没有通过验证。typeMismatch规则 示例：input type=“url” value=“miaomiaoxue”/ 目的：保证控件值与预期类型相匹配(如numbe、email、URL等)。
//用户名 regMobile ： /^0？1[3|4|5|8][0-9]\d{8}$/，//手机 regTel ： /^0[\d]{2，3}-[\d]{7，8}$/ }输入的时候就可以验证，如果错误就给出提示。
pattern你可以使用pattern属性来对浏览器不提供原生验证的数据格式设置自定义格式验证。
pattern 属性规定用于验证 input 域的模式(pattern)，模式(pattern) 是正则表达式。那些type为email或url的输入控件内置相关正则表达式，如果value不符合其正则表达式，那表单将通不过验证，无法提交。