正则表达式
AmazeUI中的表单验证:http://amazeui.org/javascript/validator
需要有 :
html
<form class="am-form am-form-horizontal" id="doc-vld-msg"> <fieldset> <div class="am-form-group"> <input type="text" id="doc-vld-name-2-1" minlength="2" placeholder="输入车主姓名" required> </div> </fieldset> </form>
js
$(function() { $('#doc-vld-msg').validator({ onValid: function(validity) { $(validity.field).closest('.am-form-group').find('.am-alert').hide(); }, onInValid: function(validity) { var $field = $(validity.field); var $group = $field.closest('.am-form-group'); var $alert = $group.find('.am-alert'); // 使用自定义的提示信息 或 插件内置的提示信息 var msg = $field.data('validationMessage') || this.getValidationMessage(validity); if (!$alert.length) { $alert = $('<div class="am-alert am-alert-danger"></div>').hide(). appendTo($group); } $alert.html(msg).show(); } }); });
(1)其中的an-form-group 是默认写法没符合要求时append的到的框,要想append的框改变,可以改js;
(2)正则写法---pattern="^1[3|4|5|8]\d{9}$"
1、手机号码: /^1[3|4|5|8]\d{9}$/
2、身份证: /^(\d{15}$|^\d{18}$|^\d{17}(\d|X|x))$/
3、车牌号码:
(1)/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/
(2)/^[\u4e00-\u9fa5]{1}[A-Z]{1}[A-Z_0-9]{5}$/
4、邮箱: /^[0-9a-zA-Z_.-]+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]+){1,2}$/
5、验证用户名是否为中文: /[\u4e00-\u9fa5]/