hello,下午好,前几天跟大家分享了jQuery的各种知识,今天给大家分享点简单的吧
一、相关的单词
二、表单验证
使用上面单词之前需要先下载插件进行导入
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery-3.5.1.js"></script>
<!-- 表单验证插件是基于jquery的 在导入插件之前需要先导入jQuery -->
<script src="js/jquery-validation-1.19.0/dist/jquery.validate.js"></script>
//提示语言(中文)
<script src="js/jquery-validation-1.19.0/dist/localization/messages_zh.js"></script>
</head>
点击确定时后:
输入提示:
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery-3.5.1.js"></script>
<!-- 表单验证插件是基于jquery的 在导入插件之前需要先导入jQuery -->
<script src="js/jquery-validation-1.19.0/dist/jquery.validate.js"></script>
//提示语言
<script src="js/jquery-validation-1.19.0/dist/localization/messages_zh.js"></script>
//提示字体的颜色
<style type="text/css">
label.error{
color:red;
}
</style>
</head>
<body>
<form action="">
<p>
<input type="text" name="username" placeholder="用户名" />
</p>
<p>
<input type="text" name="password" placeholder="用户密码" />
</p>
<p>
<button>确定</button>
<button type="reset">取消</button>
</p>
</form>
<script>
//表单验证写完了
$("form").validate({
rules:{
username:{
required:true,//必填
// email:true,//必须是邮件
rangelength:[5,10]//长度
},
password:"required"
}
})
</script>
</body>
</html>
今天的分享到这里就结束咯,下次再见,拜拜