<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
</style>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.qtip.min.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script language="JavaScript" type="text/javascript">
$(document).ready(function () {
$('#contact-form').validate({
rules:{
name:"required",
email:{
required:true,
email:true
},
phone:"required"
},
message:{
name:"Name is required",
email:"Email is required",
phone:"Phone is required"
}
});
});
</script>
</head>
<body>
<form id="contact-form">
<ul>
<li>
<label>Name</label>
<input type="text" id="name" name="name"/>
</li>
<li>
<label>Email</label>
<input type="text" id="email" name="email"/>
</li>
<li>
<label>Phone</label>
<input type="text" id="phone" name="phone"/>
</li>
<li>
<label>Name</label>
<textarea type="text" id="message" name="message"></textarea>
</li>
<li>
<input type="submit"/>
</li>
</ul>
</form>
</body>
</html>
jquery学习笔记(七)验证用户名和邮箱
最新推荐文章于 2021-03-26 11:40:06 发布