草庐IT

HTML表单

全部标签

javascript - 如何防止使用 Parsleyjs 从 DOM 中删除表单验证错误

我正在使用parsleyjs验证密码字段.密码有三个要求,因此有三个验证消息:密码至少需要8个字符需要一个特殊字符需要一个号码当验证返回成功时,我不希望消息被删除,而是保留在原地并视觉上设置消息的样式,在这种情况下带有绿色复选标记(默认情况下消息有红色错误图标)。所以基本上想添加一个类或删除并保留DOM中的消息。例如,当插入一个整数时,验证可能如下所示:欧芹是否可以防止默认行为(删除消息)并将成功的类添加到相应的错误消息(而不仅仅是错误列表容器)?这是我目前所拥有的和一个codependemo$(function(){$('.form').parsley();});window.Par

javascript - 如何在 Chrome Dev Tools 中编辑 Html 中的 Javascript

我们可以在ChromeDevTools的Sources面板中编辑和执行*.js文件中的JavaScript代码。但是,如果js代码来自于*.html文件,除了加断点之外,我们如何编辑执行呢? 最佳答案 在Chrome开发者工具中,您可以设置一个“工作区”,当您对文件进行更改时,它会保存在本地并在浏览​​器中显示更改。请按照此Google指南进行设置。它很容易理解并带有屏幕截图,如果您需要进一步的帮助,请回复消息。说明链接:https://developers.google.com/web/tools/setup/setup-work

javascript - phonegap javascript html 获取请求

我正在尝试从phone-gap应用程序向我的网站发出httpget请求。以下代码在我使用chrome的笔记本电脑上运行良好,但一旦转换为应用程序,它就不再运行。特别是,phonegap可以很好地编译代码并为我提供一个非常好的.apk文件,但屏幕上只会显示文本“qwer”。这是代码:vartheUrl="https://example.com"varxmlHttp=newXMLHttpRequest();xmlHttp.onreadystatechange=function(){if(xmlHttp.readyState==4&&xmlHttp.status==200)document.

javascript - 在多步模式中显示第一个表单

我从网上复制了这段代码,来自here它用于通过滑出旧字段集并滑入新字段集来在单个模态中显示多个表单。Addflatadf....adf....它工作正常,但是当我在第二个或第三个或第四个字段集中关闭模态时,它会显示我停止的字段集。因此,每当我单击按钮打开模式时,我都尝试执行上一个按钮将执行的操作(滑出当前字段集并显示前一个字段集)。我的应用程序中有5个字段集。我跟踪当前的字段集,当再次打开模态时,我滑出关闭模态之前存在的字段集并显示第一个字段集。但这不行..我在一个较大的字段集上看到一个较小的字段集,有时我除了模态标题什么都看不到,有时只是一个小的字段集,如下图所示,它全都搞砸了。如何

javascript - 如何使用 html 子元素在 contenteditable div 中获取插入位置?

我正在使用一个contenteditablediv,它可以选择在文本流中包含内联html元素,例如标签。在某些时候我需要获取插入符号的位置,但我发现如果插入符号位于html子元素之后,则示例代码返回的位置不正确。我需要一个跨浏览器的解决方案,它允许我存储插入符号的位置,以便即使在文本流中存在html元素的情况下也可以在一瞬间恢复它。例子:functiongetCaretPosition(editableDiv){varcaretPos=0,containerEl=null,sel,range;if(window.getSelection){sel=window.getSelection

javascript - 如何判断表单上的数据是用户输入的还是浏览器输入的?

我有一个结帐表单,它会显示一个弹出式调查,询问他们为什么在5秒后还没有开始填写表单。但是,我需要能够检查用户是否实际输入了数据,而不是通过浏览器的自动填充功能输入的数据(我在javascript或jQuery中特别忽略的标记中的任何预填充数据集)。现在我的解决方案是让setTimeout运行一个函数,该函数检查在输入类型(输入、选择、文本区域)上的jQuery.focus或.change事件上设置为false的变量(true或false)。但是,由于javascript可能会在用户能够使用表单元素后加载,因此我必须在弹出调查之前检查用户是否输入了数据。如果在用户对表单字段执行任何操作后

正则表达式 : Match text NOT part of a HTML tag

我真的想要一个在node.js中可执行的正则表达式(所以没有jQueryDOM处理等,因为标签可以有不同的嵌套)匹配所有不是HTML标签或部分的文本它分成不同的组。例如我想匹配"5","ELT.","SPR","","plo","Unterricht",""," "和"plo"来自那个字符串:5ELT.SPR pioUnterricht  pio我可以保证标签中不会有“>”。我找到的解决方案是(?)[^>,但这在node.js中不起作用(可能是因为前瞻?它说“无效组”)有什么建议吗?(是的,我真的认为Regex是正确的方式,因为html可能以其他方

javascript - 如何在 HTML 中实现富文本编辑器?

这是演示:http://www.kevinroth.com/rte/demo.htm当我使用firebugs检查源代码时,我看到它只是iFrame,但是iFrame怎么会有文本区域行为?关于如何实现这个的任何想法?感谢 最佳答案 因为我现在正在为我的工作做这件事,所以我做了少量的研究。据我所知,有两种方法可以实现这一点:文档.设计模式在JavaScript中使用document.designMode将整个HTML文档设置为可编辑。由于整个HTML文档是可编辑的,因此可能需要一个iframe来封装编辑,以便用户无法编辑您不想编辑的页面

javascript - HTML5 视频时间更新事件未触发

我有一个我页面上的元素:在我的JS中它是这样写的:varv=$('#myVideo')[0];v.addEventListener('timeupdate',function(){alert('Ichanged');},false);现在我将启动我的控制台并输入:$('#myVideo')[0].currentTime=2;显示的框架会改变,但事件不会触发。根据规范timeupdate应该在currentTimewaschanged时触发,所以我不认为我使用了错误的事件?我正在使用的所有其他事件(即play和ended)工作正常。那里有很多类似的问题,但所有这些似乎都是过时的错误?这是

javascript - 使用 html2canvas 截取 <body> 的屏幕截图并将图像存储为 JS var

我试图让我网站上的用户按下一个按钮来截取当前屏幕的屏幕截图(正文中的所有内容)。根据我的研究,html2canvas似乎是一种使这成为可能的资源。我的问题是文档没有提供示例代码,我很难掌握所涉及的步骤。http://html2canvas.hertzen.com/documentation.html以下SO问题(Howtouploadascreenshotusinghtml2canvas?)让我有点困惑。我现在只想知道如何获取图像。来自他的代码。$(window).ready(function(){('body').html2canvas();varcanvasRecord=newht