手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery 表单进行客户端验证demo
jquery 表单进行客户端验证demo
摘要:复制代码代码如下:jqueryValidateDemo$(function(){$("#login").validate({rules:{n...

复制代码 代码如下:

<%@ 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>

【jquery 表单进行客户端验证demo】相关文章:

给网页加个彩色窗口

jquery 构造函数在表单提交过程中修改数据

jquery合并表格中相同文本的相邻单元格

Sequelize中用group by进行分组聚合查询

JavaScript实现身份证验证代码

jQuery实现返回顶部效果的方法

jQuery聚合函数实例

jQuery实现表格行上下移动和置顶效果

jQuery实现在列表的首行添加数据

简介JavaScript中的getUTCFullYear()方法的使用

精品推荐
分类导航