blog

feleventh · feleventh · commit 22d86079d2e4 · 2016-09-28T18:21:18.000+08:00
blog
diff --git a/_posts/2016-9-19-使用jQuery制作轮播图.md b/_posts/2016-9-19-使用jQuery制作轮播图.md
@@ -1,12 +1,12 @@
 ---
 layout: post
 title:  "使用jQuery制作轮播图"
-categories: jQuery
+categories: javascript
 description: "使用jQuery制作轮播图"
 main-class: 'dev'
 color: '#632321'
 tags:
-- "jquery轮播"
+- "jquery轮播","jQuery"
 twitter_text: "使用jQuery制作轮播图"
 introduction: "轮播图是网页以模拟循环播放幻灯片的形式展示图片以及其他包含丰富内容的一种常用工具，为站点添加了灵活的响应式表现形式。为了弄清轮播图的原理，我借助jQuery尝试动手制作了自己的轮播图插件。"
 ---
diff --git a/_posts/2016-9-28-使用正则表达式编写表单验证插件.md b/_posts/2016-9-28-使用正则表达式编写表单验证插件.md
@@ -0,0 +1,28 @@
+---
+layout: post
+title:  "使用正则表达式编写表单验证插件"
+categories: javascript
+description: "使用正则表达式打造自己的jQuery表单验证插件"
+main-class: 'dev'
+color: '#632321'
+tags:
+- "正则表达式","表单验证"
+twitter_text: "使用正则表达式打造自己的jQuery表单验证插件"
+introduction: "使用正则表达式打造自己的jQuery表单验证插件"
+---
+
+表单的验证是前端开发中经常遇到的一个问题。表单的验证分为客户端验证和服务器验证。
+通常情况下，只有验证用户名、密码是否正确等需要读取数据库数据的验证才在服务器端进行验证，而对字符的长度、大小写等字符格式的验证在客户端就能进行。
+在客户端使用javascript进行验证能减少服务器负载，缩短用户等待时间，对用户更友好。比较知名的js表单验证插件有validate.js、jFormer、jQuery.validVal等等。
+使用正则表达式就能打造自己的jQuery表单验证插件。
+
+### 表单验证的关键——正则表达式
+判断用户输入的值是否符合尺寸、大小写、字符规则就需要使用正则表达式RegExp。RegExp 对象提供了test()方法来检测字符串是否符合正则表达式模式的规范。
+```javascript
+isMobile:function(ele,tipText,value){var d=new RegExp("^(13|15|18|14|17)[0-9]{9}$");return d.test(value)?!0:$.formTips(ele,tipText)},
+isPhone:function(ele,tipText,value){var d=new RegExp("^([0-9]{3,4}-)?[0-9]{7,8}$");return d.test(value)?!0:$.formTips(ele,tipText)},
+isEmail:function(ele,tipText,value){var d=new RegExp("^\\w+((-\\w+)|(\\.\\w+))*\\@[A-Za-z0-9]+((\\.|-)[A-Za-z0-9]+)*\\.[A-Za-z0-9]+$");return d.test(value)?true:$.formTips(ele,tipText)},
+isBankNum : function(ele,tipText,value){var d=new RegExp("^([0-9]{16}|[0-9]{19})$");return d.test(value)?true:$.formTips(ele,tipText)},
+```
+
+### 未完待续
diff --git a/assets/css/main.css b/assets/css/main.css
