Tag: javascript

如何防止用户在输入字段中输入无效字符

给定文本输入字段。 如何防止用户输入空格以及除字母数字或短划线（ – ）以外的其他空格。 仅限字母数字 – “字母数字字符集由数字0到9和字母A到Z组成。在perl编程语言中，下划线字符（_）也被视为字母数字字符集的成员” 这是用户可以选择自定义url的字段。 我想阻止用户输入无效字符。 想法？ 谢谢

检查元素是否是动画CSS3

有没有办法检查元素是否正在动画？ 但是不是用jquery的动画制作动画，而是用css3的过渡。 我遇到的问题是……我有这个滑块，点击箭头我给它 left = left+200 左边是哪里 element.position().left 要么 parseInt(element.css(“left”)); （这没关系，问题也出现了） 该元素正在动画 transition: left 400ms ease-in-out; 所以，当用户点击箭头一次然后在动画结束前再次点击时，左边会根据其位置返回值（因此，而不是说… 400px，它可能会返回235.47px，因为它是在动画中间点击的） ..

如何在Google Chrome的HTML表格中实现分页？

我试图在HTML页面中打印一个用jQuery生成的大表。 我使用的是Chrome 26.0.141。 问题在于分页符。 我最初使用这个CSS #membersList table { page-break-inside:auto; position:relative} #membersList tr { page-break-before:avoid; page-break-after:auto;position:relative} #membersList td{ border:solid 1px #CCCCCC;width:auto;position:relative} #membersList thead { display:table-header-group;position:relative } #membersList tfoot { display:table-footer-group;positioion:relative} 这个dint工作，所以我搜索并获得此链接谷歌Chrome打印分页 根据该链接中的一个答案，我使用以下CSS属性 -webkit-region-break-inside: avoid; 但是当我运行并检查元素时，它默认被删除。 什么是解决方案？ 我搜索过很多post。 他们说最近的版本不支持分页。 如果这是真的那么还有什么其他解决方案可以在谷歌浏览器中实现分页？

如何使用JavaScript将数据从HTML表单发送到Google电子表格？

我正在尝试构建一个Web应用程序，用于记录Google电子表格中表单中的数据。 要做到这一点，我必须使用JavaScript（JSON或AJAX请求也会起作用），但我不能使用Google Apps脚本，因为我需要用户继续使用我的页面而GAS不允许这样做。 我对JSON请求并不是很了解，但我试图追加一个：毫不奇怪，它不起作用也不奇怪，我不知道为什么。 我不确定我用来发出请求的URL和代码是否正确，但不知道如何继续，很难知道我的代码中有什么问题。 那是我的forms： * Nome: * Cognome: * Matricola: * E-mail: * Richiesta: Invia ` 隐藏值设置为提供ID号和用户的路径。 check()函数将检查表单并（应该）发出请求并写入GSpreadSheet function check() { document.getElementById(‘errorForm’).innerHTML = “”; var a = document.getElementById(‘area’).value; var idN = document.getElementById(‘idN’).value; var n = document.getElementById(‘nome’).value; var c = document.getElementById(‘cognome’).value; var m = document.getElementById(‘mat’).value; var em= document.getElementById(‘mail’).value; var t = document.getElementById(‘testo’).value; // check […]

使用JavaScript获取跨域XML需要帮助

好吧，所以我正在构建一个提供音乐信息的网络应用程序（即关于艺术家，专辑，歌曲等的信息）以及我正在使用MusicBrainz API的信息源。 现在，我正在尝试从API调用加载数据并使用jQuery处理它。 这是我正在使用的代码： Code: queryString=”http://musicbrainz.org/ws/1/artist/?type=xml&name=”+qry+”&limit=10″; $.ajax({url: queryString, dataType: ($.browser.msie) ? “text” : “xml”, success: function(data){ alert(“success”); var xml; if (typeof data == “string”) { xml = new ActiveXObject(“Microsoft.XMLDOM”); xml.async = false; xml.loadXML(data); } else { xml = data; }; … 使用’queryString’作为请求的URL字符串，然后我将继续从’xml’对象中读取数据。 相当简单。 但是，这就是出现问题的地方。 在我的计算机上本地运行时，代码可以完美运行，但是当我将所有内容上传到我的Web服务器并尝试在那里运行时，它根本不起作用。 我做了一些阅读，并发现由于安全问题，无法在不同的域中进行AJAX调用。 所以我已经阅读了很多解决方案，但几乎所有解决方案都需要PHP（我完全不知道）或者以JSON格式获取数据（显然不受相同的安全限制）。 但是，我的主要问题是MusicBrainz API不会以JSON格式返回数据（实际上它返回的唯一格式是XML）。 所以在任何情况下，我基本上只是想知道是否有人可以给我一些帮助或指示我是否以及如何仅使用JS / jQuery获取远程XML文件。 或者，指出我可以通过像我这样的完整PHP菜鸟实现的另一种方法。 谢谢你的帮助！

用这个Jquery多个选择器

我已经搜索但无法找到如何做到这一点。 我正在尝试使用comment-modbox在this hide中创建元素并显示： $(‘.comment-wrapper’).each(function (index) { $(this, ‘.comment-modbox’).mouseover(function () { $(‘.comment-modbox’).show(); }); $(this, ‘.comment-modbox’).mouseout(function () { $(‘.comment-modbox’).hide(); }); }); 此代码只是隐藏并显示所有comment-modbox无论它们是否包含在this 。 谢谢你的帮助！ 回答： $(‘.comment-wrapper’).each(function (index) { $(this).mouseover(function () { $(‘.comment-modbox’, this).show(); }); $(this).mouseout(function () { $(‘.comment-modbox’, this).hide(); }); });

使用javascript更改图像src

我有2个名为“章节”和“问题”的下拉列表。 “问题”将根据“章节”列表动态变化。 这部分效果很好。 我想根据“问题”列表更改图像src。 所以这是代码。 Choose chapter Chapter 1 Chapter 2 Choose question 使用以下javascript function go(){ if (document.ga_naar_rooster.pickem.options[document.ga_naar_rooster.pickem.selectedIndex].value != “none”) { location = document.ga_naar_rooster.pickem.options[document.ga_naar_rooster.pickem.selectedIndex].value } } function setOptions(chosen){ var selbox = document.book.question; selbox.options.length = 0; if (chosen==”0″){ selbox.options[selbox.options.length] = new Option(‘Select question’,’ ‘); } if (chosen == “1”){ selbox.options[selbox.options.length] = new Option(‘question 1′,’11’); selbox.options[selbox.options.length] = […]

点击按钮切换Bootstrap按钮文本？

我希望每次单击按钮时切换按钮上的文本，例如从“显示更多…”到“显示更少…”。 我有一个用于展开或折叠附近块的按钮（请参阅Bootstrap文档的折叠部分，单击示例“Link with href”按钮，看看我的意思）。 这种Bootstrap按钮的HTML如下所示： See more… 当相关块被折叠时，我希望按钮文本例如是“显示更多…”，当它被展开时，我希望它是例如“显示更少……”。 我已经看到了将按钮文本分离为jQuery，Javascript或CSS的解决方案 – 但这使得难以阅读HTML （按钮文本完全位于按钮的其他位置），并且使本地化更加困难。

如何将事件绑定到本地iframe中的元素？

首先，父页面和iframe都托管在同一台服务器上（我在WAMP上的localhost），所以同样的原始策略不应该是一个问题。 我无法触发工作。 我的iframe的id为iframe 。 $(window).load(function(){ //iframe ad hovers $(‘#iframe’).contents().find(‘body div’).click(function(){ alert(‘do something here’); }); }); 我究竟做错了什么？

jquery点击事件未在Internet Explorer上触发

当用户点击标签时，我正在尝试做某事。 …. 我试图让click事件被触发它正在使用chrome和safari但不能在IE 11上运行。 $(“.my-label”).click(function(){ }); 我试过，绑定，活着，但没有成功。 请帮我解决一下这个。 花了2天时间，在这里疯了。 谢谢。