Tag: javascript

正则表达式只允许10位以下的数字?

我正在尝试编写一个正则表达式来validation输入是一个纯正的整数(最多10位数,但我在其他地方应用该逻辑)。 现在,这是我正在使用的正则表达式(我从这里得到): ^(([1-9]*)|(([1-9]*).([0-9]*)))$ 在这个function: if (/^(([1-9]*)|(([1-9]*).([0-9]*)))$/.test($(‘#targetMe’).val())) { alert(‘we cool’) } else { alert(‘we not’) } 但是,我似乎无法让它工作,我不确定它是正则表达式还是函数。 我需要禁止%,. 和’以及。 我只想要数字字符。 谁能指出我正确的方向?

在KeyUp和粘贴事件上节流AJAX请求

所以我在文本框上的jQuery中的每个keyup和paste事件上调用一个AJAX请求: $(“#server-label”).bind(“keyup paste”, function() { $.ajax()… }); 问题是如果用户快速按下键,这就是太多的AJAX请求。 在调用AJAX请求之前,等待用户停止输入一段(比如500ms)的最佳方法是什么。 基本上不要发出AJAX请求,直到没有键或粘贴事件触发500ms。 谢谢。

与Raphael路径的SVG动画

我对SVG动画有一个相当有趣的问题。 我使用拉斐尔沿着圆形路径制作动画 obj = canvas.circle(x, y, size); path = canvas.circlePath(x, y, radius); path = canvas.path(path); //generate path from path value string obj.animateAlong(path, rate, false); circlePath方法是我自己创建的方法,用于生成SVG路径表示法中的圆路径: Raphael.fn.circlePath = function(x , y, r) { var s = “M” + x + “,” + (yr) + “A”+r+”,”+r+”,0,1,1,”+(x-0.1)+”,”+(yr)+” z”; return s; } 到目前为止,这么好 – 一切正常。 我的对象(obj)沿圆形路径动画。 但: 仅当我在与路径本身相同的X,Y坐标处创建对象时,动画才有效。 如果我从任何其他坐标开始动画(例如,沿着路径的一半),对象在正确半径的圆圈中动画,但是它从对象X,Y坐标开始动画,而不是沿着路径开始动画,因为它以视觉方式显示。 […]

在javascript中用鼠标模拟滑动

我正在尝试使用滑动导航来制作适用于移动设备的图像旋转器。 我也试图使相同的旋转器在PC浏览器上工作,但是能够使用鼠标拖动来模拟滑动。 有什么好的想法吗?

jquery设置隐藏的输入值在IE7和IE8中无法正常工作

继续采用我的代码来使用IE https://stackoverflow.com/questions/10654595/jquery-setting-hidden-input-value-not-working-as-expected-in-ie7-and-ie8/… 我有一个隐藏的div包含一个表单来编辑一些信息。 当用户选择要编辑的项目时,将显示此div,并使用该项目的信息填充字段。 div(简化术语)看起来像这样: First param: Second param: https://stackoverflow.com/questions/10654595/jquery-setting-hidden-input-value-not-working-as-expected-in-ie7-and-ie8/… 我使用jquery将值设置为字段。 我打开编辑div的function看起来像这样: function edit_item(item_id) { item = get_item(item_id); //this will return a JS object $(‘#field1’).val(item.property1); $(‘#field2’).val(item.property2); https://stackoverflow.com/questions/10654595/jquery-setting-hidden-input-value-not-working-as-expected-in-ie7-and-ie8/… $(‘#qid’).val(item_id); $(‘#submit’).click(function() { alert($(‘#qid’).val()); $(‘#qform’).ajaxSubmit(); }); } 所有这些在FF,Opera,Webkit和IE 9中运行良好,但在IE7和IE8中,我遇到了一个奇怪的问题。 我可以看到在edit_item函数中正确设置了item_id ,但是只要该函数完成,隐藏的输入值( qid )就会重置为空字符串。 当表单被ajax提交时,警报会将值显示为空字符串,尽管它已正确设置。 有趣的是,所有其他领域都很好。 它在IE 9中正常工作。 我在这里想念的是什么? 提前谢谢了。

单击“浏览器后退”按钮,将用户返回到上一页滚动到的位置

在浏览器中按后退按钮时,是否可以将用户带回到他们向下滚动的页面区域? 因为— pageA是你的屏幕尺寸的两倍(因此你必须滚动阅读更多)。 单击pageA上的链接转到新页面 – pageB。 阅读后,请单击浏览器中的。 现在,当您返回到pageA时,您将返回到顶部,并且必须向下滚动到您继续阅读页面其余部分的位置。 是否有Jquery或JS方法返回到页面中的那一点。 也许是.scrollTop()的东西?

读取和base64编码二进制文件

我正在尝试从文件系统中读取二进制文件,然后使用JavaScript对其进行base64编码。 我正在使用FileReader API来读取数据和此处的base64编码器。 我的代码似乎接近工作,问题是生成的base64数据是错误的。 这是我到目前为止所得到的: function saveResource() { var file = $(“.resourceFile”)[0].files[0]; var reader = new FileReader(); reader.onload = function(evt) { var fileData = evt.target.result; var bytes = new Uint8Array(fileData); var binaryText = ”; for (var index = 0; index < bytes.byteLength; index++) { binaryText += String.fromCharCode( bytes[index] ); } console.log(Base64.encode(binaryText)); }; reader.readAsArrayBuffer(file); }; 这是我正在测试的文件(它是100×100蓝色方块): […]

如何使用Jquery Ajax调用填充DropDown?

我有一个WebMethod,它获取我想在DataSet中填充DropDown的数据。 目前我正在使用硬编码对象填充下拉列表。 但我想用webmethod返回的数据替换这个硬编码对象。 [System.Web.Services.WebMethod] public static string GetDropDownDataWM(string name) { //return “Hello ” + name + Environment.NewLine + “The Current Time is: ” // + DateTime.Now.ToString(); var msg = “arbaaz”; string[] name1 = new string[1]; string[] Value = new string[1]; name1[0] = “@Empcode”; Value[0] = HttpContext.Current.Session[“LoginUser”].ToString().Trim(); DataSet ds = new DataSet(); dboperation dbo = new […]

如何在2个浏览器选项卡/窗口之间进行通信?

我有一个Web应用程序,它在新的浏览器窗口/选项卡中作为第二个Web应用程序启动。 我想在用户在第二页上提交输入时更新原始页面上的内容。 真实世界示例:Google在GMail中使用此行为。 在撰写新邮件时,如果单击“收件人”链接,则会在新的浏览器窗口中显示联系人列表。 这使原始撰写电子邮件窗口保持打开状态并激活输入,同时用户可以随时从联系人列表中选择电子邮件收件人。 当他们提交该窗口时,所选的电子邮件地址将添加到原始撰写窗口中的收件人列表中。 这是如何完成的? 我想可以使用AJAX完成,但理想情况下,该解决方案将避免通过服务器路由它所需的往返/编程逻辑。 作为参考,我的技术堆栈是一个ASP.NET MVC应用程序,它启动了第二个包含Silverlight应用程序的ASP.NET MVC应用程序。 两个应用程序都可以/确实使用jQuery。 谢谢你的帮助。

jQuery动画一个-webkit-transform

是否可以使用jQuery动画webkit translate3d? 我读到,当使用jQuery的animate属性时,你必须使用css属性,但在translate3d的情况下,这似乎不起作用。 我有以下代码,我想动画而不是它立即发生? $(“#main-nav”).css(‘-webkit-transform’, “translate3d(0px, ” + e + “px, 0px) scale(1)”); 为了澄清“e”是一个传递给我上面的代码运行的函数的变量。