validate 插件

1、validate简介

validate 插件_第1张图片


2、validate使用步骤

validate 插件_第2张图片


3、validate校验规则

validate 插件_第3张图片


4、validate使用

validate 插件_第4张图片
validate 插件_第5张图片
validate 插件_第6张图片

  • validate插件所需文件下载链接: validate插件所需文件.
5、validate示例代码

<html>
	<head>
		<meta charset="UTF-8">
		<title>title>
		<style type="text/css">
			.error{
      color:#f00; font-size: 12px;}
		style>
	head>
	<body>
		
		<script type="text/javascript" src="jquery-3.4.1.min.js">script>
		
		<script type="text/javascript" src="validate.min.js">script>
		
		<script type="text/javascript" src="messages_zh.js">script>
		
		<script type="text/javascript">
			$(function(){
      
				$("#frm").validate({
      
					//为控件添加规则和提示信息
					rules:{
      
						//为usrname添加规则
						usrname:{
      
							required:true,
							maxlenght:10
						}
					},
					//为usrname添加自定义提示信息
					messages:{
      
						usrname:"必填且长度不超过10个字符"
					}
				});
			});
		script>
		<form id="frm" action="test.html">
			username:<input type="text" name="usrname"><br>
			userpass:<input type="password" name="usrpass"  required="required"><br>
			<input type="submit" value="登录">
		form>
		
	body>
html>

你可能感兴趣的:(Java,jquery)