规则说明:

如:input type="email" value="" name="title" class="fn-tinput" required data-rule-email="true" data-msg-required="请输入email地址" data-msg-email="请输入正确的email地址"

required //必填

data-rule-email="true" //正则为 email

data-msg-required="请输入您的电子邮箱" //为空时的提示信息

data-msg-email="邮箱格式不正确" //不符合正则的提示

placeholder="电子邮件" //input中没有填写的提示

更多信息请参考源代码:下载源码

表单的样式是随手写了一下,只是看起来稍微好看一点,样式不是本文重点,验证规则与书写方法和样式无关,可以自行定义。