编程 Javascript

jquery 表单进行客户端验证demo

Posted in Javascript onAugust 24, 2009

<%@ page language="java" pageEncoding="gbk"%> 
<html> 
<head> 
<title>jqueryValidateDemo</title> 
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.validate.js"></script> 
<script type="text/javascript"> 
$(function() { 
$("#login").validate({ 
rules:{ 
name:{ 
required:true 
}, 
password:{ 
required:true, 
minlength:4 
} 
}, 
messages:{ 
name:{ 
required:"此项为必填项" 
}, 
password:{ 
required:"此项为必填项", 
minlength:"密码长度至少为4个字符" 
} 
} 
}) 
}); 
</script> 
</head> 
<body> 
<form action="" id="login" method="post"> 
<table align="center" border="1"> 
<tr> 
<td>登录名</td> 
<td><input type="text" id="name" name="name"/></td> 
</tr> 
<tr> 
<td>密码</td> 
<td><input type="password" id="password" name="password"/></td> 
</tr> 
<tr> 
<td align="center" colspan="2"><input type="submit" value="注册"/></td> 
</tr> 
</table> 
</form> 
</body> 
</html>

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript开发技术大全－第1章javascript概述

Jul 03 Javascript

五段实用的js高级技巧

Dec 20 Javascript

Android中资源文件(非代码部分)的使用概览

Dec 18 Javascript

ajax与302响应代码测试

Oct 23 Javascript

IE6-IE9中tbody的innerHTML不能赋值的解决方法

Sep 26 Javascript

javascript实现根据iphone屏幕方向调用不同样式表的方法

Jul 13 Javascript

JS中Safari浏览器中的Date

Jul 17 Javascript

React Native 集成jpush-react-native的示例代码

Aug 16 Javascript

Vue仿支付宝支付功能

May 25 Javascript

Vue.js项目中管理每个页面的头部标签的两种方法

Jun 25 Javascript

谈谈我在vue-cli3中用预渲染遇到的坑

Apr 22 Javascript

html中创建并调用vue组件的几种方法汇总

Nov 17 Javascript

JS 时间显示效果代码

Aug 23 #Javascript

JQuery this 和 $(this) 的区别

Aug 23 #Javascript

ext checkboxgroup 回填数据解决

Aug 21 #Javascript

获取HTML DOM节点元素的方法的总结

Aug 21 #Javascript

自己的js工具 Event封装

Aug 21 #Javascript

自己的js工具 Cookie 封装

Aug 21 #Javascript

自己的js工具_Form 封装

Aug 21 #Javascript