html快速定位到表单没有填写的位置

最新推荐文章于 2023-10-17 16:21:55 发布

原创最新推荐文章于 2023-10-17 16:21:55 发布 · 2.7k 阅读

0 ·

CC 4.0 BY-SA版权

js 同时被 2 个专栏收录

17 篇文章

订阅专栏

前端开发

14 篇文章

订阅专栏

本文介绍了一种在表单开发中快速定位未填写选项的方法。通过为未填写的选项添加ID，并利用锚点进行页面内的跳转，可以迅速找到需要填写的位置，提高开发效率。

在开发过程中会遇到很多表单，但是有时候会忘记某个选项没有填写，需要快速定位到具体的某个选项，思路是给没有填写的选项加上一个id，然后利用锚点跳转到该位置。

js代码

$($('input[name="'+str+'"]').get(0)).parents('div.text-left').attr('id','AA');
			$('a#MD span').trigger('click');
			$($('input[name="'+str+'"]').get(0)).parents('div.text-left').removeAttr('id');

	<a href="#AA" id="MD"><span></span></a>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

宁波数联软件有限公司

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

HTML中锚点定位及tab表格

LW0512的博客

09-14

862

HTML中锚点定位及tab表格锚点定位 1.锚点的作用就是快速找到页面中的指定的位置，需要在找到的页面中定义一个id属性,属性值任意 <a id="">要找到的位置</a> 2.然后在跳转的标签使用"#"跟id属性值来快速找到指定位置 <a href="#"></a> tab表格属性应用 border 边框线 wight 宽度 height 高度 cellspacing 设置单元格与边框线之间的距离 cellpadding

精选资源

按步骤填写表单jquery特效代码

01-23

首先，我们可以利用jQuery选择器快速定位到表单元素，如输入框、按钮等，然后通过事件绑定（如`.click()`或`.change()`)来监听用户的交互行为。实现这种特效通常包括以下几个关键步骤： 1. **分步逻辑**：首先，...

参与评论您还未登录，请先登录后发表或查看评论

html表单检查未填项并定位,vue 项目 element表单校验定位到未录入的第一个必录项...

weixin_30866939的博客

06-08

1191

有时候一个页面过长，上面的必录表达没填，底下保存时不能正常用户会懵逼不知道啥情况，弹框提示的话还得不停的点击弹框而且若未填项比较多不停出现弹框也比较烦，这时候如果直接定位到未填项用户很容易明白保存失败原因且不用用户自己一个个找具体的未填项，以下代码便可实现具体表单未填项在校验时直接定位//获取当前必录的校验词并弹框提示输入具体必录项if(document.getElementsByClassNam...

当页面信息填写不完整，点击提交后，直接跳转到未填写位置

weixin_30501857的博客

10-24

1244

<li>　　<span>*联系人邮箱</span>　　<input class="input_mail input" name="email[]" required id="cyf_input_mail" type="text" placeholder="邮箱" /> 　　<u class=...

vue 项目 element表单校验定位到未录入的第一个必录项

nrskhdzl的博客

05-14

2803

有时候一个页面过长，上面的必录表达没填，底下保存时不能正常用户会懵逼不知道啥情况，弹框提示的话还得不停的点击弹框而且若未填项比较多不停出现弹框也比较烦，这时候如果直接定位到未填项用户很容易明白保存失败原因且不用用户自己一个个找具体的未填项，以下代码便可实现具体表单未填项在校验时直接定位 //获取当前必录的校验词并弹框提示输入具体必录项 if(document.getElementsByClassName('el-form-item__error').length>0){ .

各个组件表单校验时自动定位到未填处

weixin_41618917的博客

03-11

780

element 项目 el-form 适用于表单 let isError = document.getElementsByClassName('is-error') setTimeout(() => { isError[0].querySelector('input').focus() }, 500) 使用JS控制实现锚点的效果 <div id='dyzgz'>我是要跳转的位置</div> <script>

表单自动填写

11-13

开发者需要了解HTML和CSS选择器，以便准确定位到目标元素。 2. **数据抓取与存储**：在批量发布前，可能需要先抓取或准备数据。这可能涉及网页爬虫技术，将所需信息从网站上提取出来，并存储在数据库或文件中。 3....

基于Python语言的Selenium自动化测试框架完整示例项目_包含网页元素定位表单自动填写页面截图多浏览器兼容性测试数据驱动测试测试报告生成等完整测试流程的演示代码_.zip

最新发布

07-19

这不仅有助于测试人员快速定位问题，也方便项目管理人员对测试进度和软件质量进行评估。在Python中，可以利用各种库（如unittest、pytest）来自动生成测试报告，也可以将测试结果输出为HTML、XML等格式，以便与团队...

表单定位查询

09-24

在IT领域，尤其是在Web开发中，表单定位查询是一个重要的功能，它极大地方便了用户在大量数据中快速查找特定信息。"表单定位查询"这个主题涉及到网页设计、前端开发以及用户交互等方面的知识，主要关注如何通过...

自动定位位置+三级联动地址选择html

09-21

在IT领域，尤其是在网页开发中，"自动定位位置+三级联动地址选择html"是一个常见的功能需求，主要用于提高用户在填写地址信息时的便捷性。这个功能结合了地理定位技术和前端的下拉联动效果，通常应用于电子商务、...

关于页面自动定位到忘记填的输入框的方法

hylshyshm的博客

07-08

749

if(member_rdrq=="") { $("#member_rdrq").focus(); //这一句话的作用是能够实现当出现 member_rdrq为空时，一下子自动就定位到它那个位置 $("#member_rdrq").css(“background-color”, “#FFFFCC”); $("#member_rdrq").prop(“placeholder”, “请输入入党日期”); } ...

html表单检查未填项并定位,如何检查html表单中的必填字段是否已填写？

weixin_39906906的博客

06-08

479

4 个答案:答案 0 :(得分：2)签入部分phpif(isset($_POST['save'])){$fields=array();$fields['Nimi'] = $_POST['name'];$fields['Kool'] = $_POST['school'];$fields['Aadress'] = $_POST['address'];$fields['Telefon'] = $_P...

element表单中当有空格没有填时,自动用滚动条定位到看得见的位置

zy的博客

11-01

464

element表单中当有空格没有填时,自动用滚动条定位到看得见的位置

vue表单验证时怎么定位到错误的地方

kangkang

05-22

6679

需求今天，突然想，不引入其它ui框架，在表单提交时，定位到错误的指定位置思路找到错误的位置定位到错误的位置找到错误的位置想到这个需求时，我用的是vue，所以拿vue做了实验我目前想到的是 v-model和ref取相同的名字例如 <input v-model="test" ref="test"> <button @click="submit">提交&...

jsp表单跳转至本页面

s0il的博客

03-22

2600

正确的写法： <form action="#"> //或者action="" 请输入1至100之间的整数：<input type="text" name="number"/> <input type="submit" value="提交"/> </form> 这种情况表单提交时真正提交的页面是action="curren...

准确定位表单中的元素

weixin_37207126的博客

05-09

1798

有时候定位表单Form中的子元素时，后台输出无法显示。可以先定位表单元素，然后从表单中定位出子元素，接下来就可进行其他操作。 //先定位表单 WebElement formList = driver.findElement(By.id(“profile”)); //从表单中定位出职位元素 WebElement job = formList.findElement(By.id(“job”)); ...

vue中表单提交，当提交表单的时候，有必填项未填写自动定位到第一个未填写的地方

weixin_42232639的博客

01-05

3372

this.$nextTick(() => { let isError = document.getElementsByClassName('is-error') isError[0].scrollIntoView({ // 滚动到指定节点 // 值有start,center,end，nearest，当前显示在视图区域中间 block: 'center', // 值有auto、instant,smooth，缓动动画（..

element表单校验定位到未填写位置

Hello_WangXJ的博客

10-17

460

else{

form表单验证快速定位到需要验证的位置

H_eartbeat的博客

10-26

728

form表单验证快速定位到需要验证的位置

Python自动化表单填写工具对比与应用

此外，压缩包中的项目代码 likely 包含上述各类工具的实际应用示例，涵盖环境配置、登录表单填写、数据提取、异常处理等完整流程，有助于开发者快速掌握各项技能并应用于实际项目中。通过合理选型与实践积累，Python...