jquery表单验证新手明了实例

最新推荐文章于 2022-11-09 11:34:56 发布

struggle_xu

最新推荐文章于 2022-11-09 11:34:56 发布

阅读量428

点赞数

分类专栏： PHP学习文章标签： jquery email input action function

本文链接：https://blog.csdn.net/amandaxy/article/details/6653689

版权

PHP学习专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<html>
<script src="lib/jquery.js" type="text/javascript"></script>
<script src="jquery.validate.js" type="text/javascript"></script>

<script type="text/javascript">
$().ready(function() {
//获取表单
$("#signupForm").validate({
rules: {
//设置验证需求
name: "required",
message: "required",
email: {
required: true,
email: true
}
},
messages: {
//此处可自定义添加提示语
email: "Please enter a valid email address"
}
});
});
</script>
<style type="text/css">
/* 设置提示样式 */
#signupForm label.error {
margin-left: 10px;
width: auto;
display: inline;
color:red;
}
</style>
<body>
<form method='post' action='mailform.php' id='signupForm'>
Email: <input name='email' id='email' type='text' /><br />
Subject: <input name='name' id='name' type='text' /><br />
Message:<br />
<textarea name='message' id='message' rows='15' cols='40'>
</textarea><br />
<input type='submit' />
</form>
</body>
</html>