- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
使用 jQuery 验证插件 (v1.10.0) 和 jQueryUI 对话框(v1.9.0,而不是 CDN 的 1.9.1)验证表单,当然 jQuery (v1.8.2) 会刷新页面IE7 和 IE8 不会产生任何错误,同时它与任何其他经过测试的浏览器(Chrome、Firefox、Safari 和 IE9)都可以正常工作。
完整代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.0/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
<link id="theme" rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.0/themes/redmond/jquery-ui.css" media="screen" />
<script type="text/javascript">
var deleteTestAndReload;
var deleteTestWithMotive;
var display;
$(document).ready(function(){
var $deleteTestDialog = $('<div id="delete-test-dialog"></div>').dialog({
autoOpen: false,
title: 'Delete test',
height: 340,
width: 590,
modal: true,
position: ['center', 50]
});
deleteTestAndReload = function() {
alert("Aouch, Charlie!");
$deleteTestDialog.dialog('close');
}
deleteTestWithMotive = function() {
html = ' <form id="delete-test-dialog-form" name="delete-test-dialog-form" onsubmit="deleteTestAndReload(); return false;" method="post">\n';
html += ' Why?<br />\n';
html += ' <input type="radio" id="motive-1" name="motive" value="1" checked="checked" />Charlie bit me<br />\n';
html += ' <div style="text-align:right;">\n';
html += ' <button id="validate_test_deletion" name="validate_test_deletion" type="submit" value="test_deletion">Delete</button>\n';
html += ' </div>';
html += ' </form>\n';
$("#delete-test-dialog").html(html);
$("#delete-test-dialog-form").validate({
rules: {
motive: { required: true }
}
});
$("#validate_test_deletion", "#delete-test-dialog-form").button();
}
display = function() {
alert('display');
html = '<button type="button" name="delete_test" value="delete_test" class="my-buttonset-button" onclick="deleteTestWithMotive();">Delete</button>\n';
$("#main-content").html(html);
$("button[name='delete_test']").button().click(function() {
$deleteTestDialog.dialog('open');
return false;
});
}
display();
});
</script>
</head>
<body>
<div id="main-content" class="main-content"></div>
</body>
</html>
加载时,将调用第一个 JavaScript 警报(“显示”)。单击“删除”按钮时,将打开一个对话框,其中包含一个表单,并且当验证该表单(选中单选按钮并单击“删除”按钮)时,将调用第二个函数(deleteTestAndReload),该函数会发出一条消息警报(它会在完整版)并关闭对话框实例。
在 IE7/IE8 上,页面刷新并显示第一个警报(“显示”)(重新加载是错误,因为它不应该)。
但是,如果我删除以下验证代码,它无需重新加载即可工作。
$("#delete-test-dialog-form").validate({
rules: {
motive: { required: true }
}
});
所以我假设验证表单时出现问题。
最佳答案
亚历克斯,
您可以更改几个选项以使其能够跨浏览器工作。我继续在 jsFiddle http://jsfiddle.net/cWea7/ 中重新创建了您的上述场景这样我就可以进行一些调整并在下面展示它们。
设置 validate
插件时使用 submitHandler
属性
$("#delete-test-dialog-form").validate({
submitHandler: deleteTestAndReload,
rules: {
motive: {
required: true
}
}
});
注释:我从 form
标记中删除了 onsubmit
属性,因为该属性将由 submitHandler
处理,如上面的代码片段所示。
示例:http://jsfiddle.net/cWea7/9/
在 submit
事件处理程序中,使用插件的 valid
方法手动检查表单的有效性。
deleteTestAndReload = function( e ) {
e.preventDefault();
if ( $("#delete-test-dialog-form").valid() ) {
alert("Aouch, Charlie!");
$deleteTestDialog.dialog('close');
}
};
注释:我从 form
标记中删除了 onsubmit
属性,而是使用 jQuery 来连接 submit
事件。
关于jQuery验证插件刷新IE8,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13249537/
我在互联网上搜索了很多小时,但没有找到满意的结果,所以 -VSTO Addin 和 COM Addin(我们作为类库项目制作并使用 Excel 对象)之间有什么区别?VSTO 项目是否有任何限制,例如
我在互联网上搜索了很多小时,但没有找到满意的结果,所以 -VSTO Addin 和 COM Addin(我们作为类库项目制作并使用 Excel 对象)之间有什么区别?VSTO 项目是否有任何限制,例如
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的,
我正在寻找有关如何构建可扩展 WCF 服务器(具有动态加载的服务)的建议,最好使用 System.Addins 或 MEF。 服务器应托管实现最小“插件”API(StartService/StopSe
有没有一种方法可以使用加载浏览器扩展/插件/插件的 headless 浏览器(即 PhantomJS、Selenium)来运行自动测试? 更具体地说,我想模拟广告拦截器(如 Ghostery、ad-b
我是 gradle 的新手,我使用 artifactory 作为我的 repo 服务器。我在网上查看了如何将我的项目发布到我的 repo 服务器,发现我可以使用 maven-publish 或使用 a
我想禁用某些状态的点击/事件,并仅使少数状态可点击。我通读了http://newsignature.github.io/us-map/处的文档,并且找不到与此问题相关的任何内容。 最佳答案 http:
据我了解,在Intellij中使用idea插件打开Maven构建的项目并不是最好的方法,即调用: mvn idea:idea 但是直接打开pom文件(Intellij有默认的Maven插件);同样的事
使用Artifactory plugin对于 Jenkins pipeline 来说是一种幸福,只要遵循文档就可以了。但后来我介绍了Maven Flatten plugin解析父模块和子模块 mvn
我已经安装了Elasticsearch版本1.7.1。一切正常。我也安装了 JDBC 驱动程序。检查下面我的插件文件夹 目录E:\Xampp\htdocs\my-elastic\elasticsear
在我使用 webpack common chunks 插件创建包含第三方库(如 angular、react、lodash 等)的 vendor 包之前,但后来我知道了 webpack dll
我们正在尝试使用(Jenkins、sonar、eclipse ...)安装 CI 平台。 为了让每个开发人员都可以在提交之前对他的代码进行分析,我想知道两种选择: 使用 Sonar 插件运行本地分析。
我知道这是一个比较特殊的问题。尽管如此,也许有些人知道这一点: 我想在 Eclipse 中使用 Maven 编译 Hector=> 分支:0.7.0 和标签:hector-0.7.0-29(https
我卡住了。我一直在尝试寻找或自己创建一个简单的准系统示例,说明如何为 VS 2010 Express 创建 Outlook 插件。我知道这在 VS 2010 Pro 中更简单,但是,在快速版本中真的不
我有以下排除过滤器来忽略所有 R 文件类: findbugs-exclude-filter.xml 当我将它用于 FindBugs-IDEA 插件时,它可以
我刚开始玩 CakePHP,我发现了 Wildflower CMS .我喜欢这个想法,并打算开始修补它。不过,我有一个问题。 在自述文件中,我发现了以下内容:“Wildflower 不是也不会是 Ca
虽然现在大部分情况都是使用n-api来编写插件,但是底层毕竟是v8(和libuv),使用v8编写简单的插件,同时熟悉v8的使用。 本文介绍在写c++插件时,简单又常用的写法,其实本质上,写插件
本篇是 Python 系列教程第 3 篇,更多内容敬请访问我的 Python 合集 Visual Studio Code的安装非常简单,就不放这里增加文章篇幅了。 相比PyCharm,V
Maven – 插件 什么是 Maven 插件? Maven 实际上是一个依赖插件执行的框架,每个任务实际上是由插件完成。Maven 插件通常被用来: 创建 jar 文件 创建 war
我正在编写一个插件来添加带有标签 [deposit_page] 的页面;该标记应替换为一些 PHP 代码。 这就是我所拥有的,但它不起作用。有什么我遗漏或做错了什么吗? function deposi
我是一名优秀的程序员,十分优秀!