简单地使用jquery的validate

摘要:本文通过一个很简单的例子,讲解了jquery validate的最基础使用方式。

一、源代码

  注意事项都写在代码的注释里了,哈哈。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>lwp</title> <!-- jquery,必须 -->
<script type="text/javascript" src="jquery-1.11.2.js"></script>
<!-- jquery的校验,必须 -->
<script type="text/javascript" src="jquery.validate.js"></script> <!-- 额外下载的校验规则大全,可选 -->
<script type="text/javascript" src="additional-methods.js"></script> <script>
$(function() {
/* 让表单使用jquery-validate的校验,必须 */
$("form").validate(); /* 用中文覆盖jquery-validate原有的英文提示,可选 */
jQuery.extend(jQuery.validator.messages, {
required : "不能为空",
email : "请输入正式的邮箱"
}); /* 自定义校验规则,可选 */
jQuery.validator.addMethod("lwp", function(value, element) {
if (value == "" || value == "liang") {
return true;
}
else {
return false;
}
}, "只能输入liang");
}); function check(){
/* 检查表单 */
if($("form").valid()) {
alert("提交成功");
}
else {
return false;
}
}
</script> <style>
/* 自定义的错误提示样式,覆盖jquery-validate自带的错误提示样式,可选 */
label.error {
color: #F00;
font-size: 12px;
}
</style>
</head> <body>
<form>
<div>
<label for="email">邮箱</label>
<!-- required和email是jquery-validate自带的校验规则 -->
<input type="text" autocomplete="off" name="email" required="true" email="true">
</div> <div>
<label for="author">作者</label>
<!-- lwp是自己定义的校验规则 -->
<input type="text" autocomplete="off" name="author" required="true" lwp="true">
</div> <div>
<input type="button" onclick="check();" value="提交">
</div>
</form>
</body> </html>

二、结果截图

  1、required的校验,截图如下:

    aaarticlea/png;base64,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" alt="" />

  2、email和lwp的校验,截图如下:

    aaarticlea/png;base64,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" alt="" />

  3、校验通过之后的提交,截图如下:

    aaarticlea/png;base64,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" alt="" />

简单地使用jquery的validate的更多相关文章

  1. 基于jQuery的Validate表单验证

    表单验证可以说在前端开发工作中是无处不在的~ 有数据,有登录,有表单, 都需要前端验证~~  而我工作中用到最多的就是基于基于jQuery的Validate表单验证~  就向下面这样~ 因为今天有个朋 ...

  2. 经验分享:10个简单实用的 jQuery 代码片段

    尽管各种 JavaScirpt 框架和库层出不穷,jQuery 仍然是 Web 前端开发中最常用的工具库.今天,向大家分享我觉得在网站开发中10个简单实用的 jQuery 代码片段. 您可能感兴趣的相 ...

  3. jquery插件-validate

    1.引入js,css 下载地址:http://plugins.jquery.com/validate/ 2.设置验证规则:input的class添加以下验证属性 3.设置不符合规则的提示信息:添加da ...

  4. 10个简单实用的 jQuery 代码片段

    尽管各种 JavaScirpt 框架和库层出不穷,jQuery 仍然是 Web 前端开发中最常用的工具库. 今天,向大家分享我觉得在网站开发中10个简单实用的 jQuery 代码片段. 1.平滑滚动到 ...

  5. 使用jquery插件validate制作的表单验证案例

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. jQuery:validate表单验证基本使用

    jquery.validate是jquery的一个验证框架,可以迅速验证一些常见的输入,并且可以自己扩充自己的验证方法! 这里先从介绍简单的使用方法:jquery.validate.js下载地址 1. ...

  7. jQuery:validate添加自定义验证

    jQuery.validator.addMethod添加自定义的验证规则 addMethod:name, method, message 简单实例:单个验证的添加 <!DOCTYPE html ...

  8. jQuery校验validate详解(转)

    jQuery校验 官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一导入js库 <script src=&q ...

  9. jquery的validate.js 和 form.js 的使用方法

    在使用 Jquery 的方法的验证并且修改 原Form 表单的提交方式的时候,需要引用的文件有 <script type="text/javascript" src=&quo ...

随机推荐

  1. linux网络配置正确,能够ping通内网地址,无法打开外网网页

    在虚拟机里面装了linux后,发现内网能访问,外网访问不了. 首先确定网络配置没有问题,并且能够访问外网,通过以下方法进行确认: [root@localhost ~]# more /etc/sysco ...

  2. 【网络流24题】No. 20 深海机器人问题 (费用流)

    [题意] 深海资源考察探险队的潜艇将到达深海的海底进行科学考察.潜艇内有多个深海机器人. 潜艇到达深海海底后, 深海机器人将离开潜艇向预定目标移动. 深海机器人在移动中还必须沿途采集海底生物标本. 沿 ...

  3. 【HDU 3810】 Magina (01背包,优先队列优化,并查集)

    Magina Problem Description Magina, also known as Anti-Mage, is a very cool hero in DotA (Defense of ...

  4. BeRoTinyPascal

    https://github.com/BeRo1985/berotinypascal https://github.com/thachngopl/berotinypascal

  5. C++开发与Windows API

    Windows API 向 C++ 开发人员提出了一项挑战. 组成 API 的众多库大都表现为 C 语言风格的函数和句柄或是 COM 风格的接口. 这些用起来都不太方便,需要进行一定的封装或间接操作. ...

  6. Android 图片比较

    Android中图片比较大致的流程如下: 将Drawable对象转化成Bitmap对象.(实际比较的是Bitmap对象,假设为B1和B2) 将B1和B2中的像素取出,分别放在2个数组中.(实际存储的是 ...

  7. Android ListView异步加载数据

    1.主Activity public class MainActivity extends Activity { private ListView listView; private ArrayLis ...

  8. ArcGIS_系列视频教程::精品大放送

    转自:http://www.cnblogs.com/gispeng/archive/2008/11/28/1342758.html     ArcGIS_系列视频教程::精品大放送 文件名: ArcG ...

  9. (转载)JS事件监听 JS:attachEvent和addEventListener使用方法

    (转载)http://www.chhua.com/web-note146 attachEvent和addEventListener使用方法 Js代码 <html> <head> ...

  10. 动态规划(树形DP):LNOI 2016 侦察守卫

    Sample Input 12 2 8 9 12 6 1 1 5 1 4 8 10 6 10 1 2 3 5 6 7 8 9 10 11 1 3 2 3 3 4 4 5 4 6 4 7 7 8 8 9 ...