jQuery:1.5.3,表单验证(父级(parent)层次追加(apped))

简介:
ylbtech-jQuery:jQuery学习

jQuery语法实例

表单验证
效果截图
 
jQuery:1.5.3,表单验证(父级(parent)层次追加(apped))HTML代码返回顶部
复制代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("form :input.required").each(function () {
                var $required = "<span style='color:red;'>*</span>";
                $(this).parent().append($required);
            });
        });
    </script>
</head>
<body>
<h3>表单验证</h3>
<form method="post"  action="">
<div class="int">
<label for="username">Username:</label>
<input name="username" type="text" class="required" />
</div>
<div class="int">
<label for="pwd">Password:</label>
<input name="pwd" type="text"  class="required"/>
</div>
<div class="int">
<label for="email">Email:</label>
<input name="email" type="text" />
</div>
<div class="sub">
<button>Submit</button>
</div>
</form>
</body>
</html>
复制代码
jQuery:1.5.3.B,效果截图返回顶部

 ylbtech-iQuery-form

本文转自ylbtech博客园博客,原文链接:http://www.cnblogs.com/ylbtech/archive/2013/01/24/2875422.html,如需转载请自行联系原作者

相关文章
|
1月前
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
58 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
27天前
|
Devops 持续交付 测试技术
JSF遇上DevOps:开发流程将迎巨变?一篇文章带你领略高效协同的魅力!
【8月更文挑战第31天】本文探讨了如何在JavaServer Faces(JSF)开发中融入DevOps文化,通过持续集成与部署、自动化测试、监控与日志记录及反馈机制,提升软件交付速度与质量。文中详细介绍了使用Jenkins进行自动化部署、JUnit与Selenium进行自动化测试、ELK Stack进行日志监控的具体方法,并强调了持续改进的重要性。
29 0
|
4月前
|
安全 JavaScript 数据安全/隐私保护
jQuery会员中心安全修改表单特效
jQuery实现的会员中心安全修改表单特效代码是一款实现了可以修改登录密码,交易密码,手机号码,实名认证,电子邮箱,安全设置表单,会员表单等设置效果的代码
40 4
jQuery会员中心安全修改表单特效
|
11月前
|
JavaScript 前端开发
前端基础 -JQuery之 表单选择器
前端基础 -JQuery之 表单选择器
44 0
|
4月前
|
JavaScript 前端开发 数据格式
2022年11月23日——jQuery——T1(基础选择器与表单选择器)
2022年11月23日——jQuery——T1(基础选择器与表单选择器)
66 0
|
11月前
|
JavaScript 前端开发
前端基础 - JQuery 简单的表单校验器
前端基础 - JQuery 简单的表单校验器
51 0
|
11月前
|
JavaScript 前端开发
前端基础 -JQuery之 层次选择器
前端基础 -JQuery之 层次选择器
33 0
|
JavaScript 前端开发
Form表单利用Jquery Validate验证以及ajax提交
Form表单利用Jquery Validate验证以及ajax提交
72 0
|
JavaScript
jQuery选择器之基本选择器(简单)及层次选择器(重要)
jQuery选择器之基本选择器(简单)及层次选择器(重要)
193 37
|
JavaScript API
如何使用jQuery处理表单元素?底层原理是什么?
如何使用jQuery处理表单元素?底层原理是什么?