个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一个可用于注册和登录的表单，并使用 javaScript Ajax 来提交它。
它在 Mozilla firefox 中工作正常，但在 Chrome 和 IE 中失败。
我正在尝试执行 AJAX 和 PHP 脚本，该脚本使用文本框中的电子邮件 ID 检查数据库。如果数据库中已存在电子邮件 ID，则显示密码字段(登录)，否则显示其他必填字段。即姓名和电话号码(注册)。
我的主要问题是这部分不起作用。
document.getElementById("contbtn").style="display:none";
document.getElementById("subbtn").style="display:block";
这是 javaScript Ajax 代码:
<script>
function CheckUser()
{
var uemail = document.getElementById("email").value;
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
var frm_element = document.getElementById('contbtn');
var vis = frm_element.style;
if (vis.display=='' || vis.display=='none') {
vis.display = 'block';
}
else {
vis.display = 'none';
}
var frm_element1 = document.getElementById('subbtn');
var vis1 = frm_element1.style;
if (vis1.display=='' || vis1.display=='none') {
vis1.display = 'block';
}
else {
vis1.display = 'none';
}
}
}
xmlhttp.open("GET","check_user.php?emlid="+uemail,true);
xmlhttp.send();
}
</script>
<body>
<form action="" method="post">
<ul class="contactform">
<li><label>Email</label><input name="email" id="email" required="" onblur=" return CheckUser();" type="text"></li>
<div id="txtHint"></div>
<li>
<input class="btn" id="contbtn" onclick="CheckUser();" type="button" value="Next" style="display: block;">
<input class="btn" id="subbtn" style="display: none;" type="submit" value="Submit">
</li>
</ul>
</form>
最佳答案
要真正回答为什么它不起作用的问题:
style是 HTMLElement 的属性(property)不能被覆盖。 (它受到保护)。在您的第一个示例中，您尝试通过执行 style = "string" 来做到这一点.
JavaScript 代码中的样式是 object ，全部style attributes可用 object attributes 。 CSS 代码和 JavaScript 之间的区别是破折号。单独的单词会带有破折号 -在 CSS 代码中，并在 JavaScript 中通过 camelCasing 连接起来，例如:border-width CSS代码变成borderWidth在 JavaScript 中。
因此，要在 JavaScript 中正确设置或检索样式属性，请对待 style作为一个对象。例如:
Element.style.display = "block" Element.style.borderBottomColor = "#ff0000" 关于Javascript/Ajax 在 Mozilla firefox 中有效，但在 Google Chrome 和 IE 中无效，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27671870/
25
4
0
有没有人能够构建静态链接的 NSS？我实际上只需要构建静态链接的 certutil 和 pk12util。我已经看到 Chromium 正在静态构建 NSS，他们甚至有一个补丁文件，但整个构建过程非常
我正在尝试使用下面的 css 和 html 代码在弹出窗口的底部应用空间，因为我只有 mozilla 浏览器有问题，我在弹出窗口的末尾没有获得空间。下面是我的代码我已经使用过，但我需要减少 chrom
我使用下面的行，这样当我单击“新建”按钮时，它将清空所有字段。使用 onClick="history.go(0)"在 IE 中有效，但在 Mozilla 中失败。 最佳答案 要清空所有字段，请使
我尝试在一个简单的 A-Frame WebVR 应用程序上禁用检查器，但没有成功。 尝试使用 JavaScript 来使用并禁用按键 Ctrl + Alt + I。但是，Inspector 仍在加载。
我正在做一个项目，现在正在测试中。需要使网站与所有现代兼容，并至少使它们与每个主要浏览器的 2 个旧版本兼容。 为此，我在 IE 中使用了 IE F12 工具，以切换到 IE 9、8、7 View 。
我在项目中将gulp与autoprefixer一起使用，并且必须像这样使用背景渐变: background: linear-gradient(#e98a00, #f5aa2f); 但输出是: back
如果我想限制电子邮件地址访问网站，使用 Persona 有哪些优势？我必须以相同的方式管理我服务器上的授权电子邮件地址吗？缺少什么？ 最佳答案 在您的网站上使用 Persona 的两个主要优点是: 您
Thunderbird的过滤机制非常适合简单的事情。 但我想做类似的事情 （如果邮件包含xy或发件人为yz）并且状态已读取，请移至回收站 问题是，一个过滤器规则只能匹配任何（= OR）或所有（= AN
有一个奇怪的 webVR Mozilla A-Frame 问题 所以我在 a-curvedimage 标签中加载图像(里面有一些动画内容)，如下所示: 我正在检查 chrome 中的网络
我觉得其中缺少了一些东西。这是: 嵌套函数和闭包 您可以在函数中嵌套函数。嵌套(内部)函数对其包含(外部)函数是私有(private)的。它还形成了一个封闭。闭包是一个表达式(通常是一个函数)，它可以
JS BIN Attempt 尝试按照示例进行操作，但似乎不起作用。有点困惑，因为它是 Mozilla。 Mozilla 最佳答案 正如 @Xaerxess 提到的，当 DOM 准备好进行操作时，您需
我需要制作一个可以在每个页面和浏览器上运行的按钮，可以从文本区域复制输入。我正在尝试使用以下函数来做到这一点: selectElementContents: function(){ el
我需要一个粘性栏在一定的滚动后可见并固定。我打算使用滚动事件，然后我遇到了 Mozilla 页面，该页面建议使用 window.requestAnimationFrame 如下: var last_k
我希望我的元素具有多种颜色的清晰背景渐变。在 Chrome 上运行良好，但在 Firefox 上过渡时边缘模糊。 这里有一些例子: 火狐: Chrome : 如何让它在 Firefox 上运行？ .f
为什么这是Webkit用户代理: Mozilla/5.0 (Windows NT 6.0; WOW64) AppleWebKit/534.27+ (KHTML, like Gecko) Version
我正在尝试使用 JavaScript 创建一个游戏，但在此过程中我发现了 Firefox 中的一个错误。游戏很简单。您应该猜测 RGB 十六进制代码中的颜色是什么。有6个框，您应该单击该框，如果错误或
我在 Mozilla 和 Chrome 中都有一个扩展，在我的扩展中我调用了一个远程 JS 文件。 为了避免 Chrome 中的 CSP，我将规则添加到 manifest.json 并且我的文件通过
我找到了一种将我的 Chrome 扩展程序转换为模块的便捷方法(更易于维护等)。我是这样做的https://stackoverflow.com/a/53033388/9182284 (把backgro
我有以下代码来设置选择框的样式，它在 chrome 中完美运行，但在 mozilla fire fox 27.0 中运行不正常 .select-box { line-height: inhe
我没有询问变换原点。我问为什么动画在 mozilla 上不起作用 我一直在 Mozilla 上做一些动画 svg。我在 Chrome 中尝试过的动画效果非常好，但是当我在 mozilla 上测试时效果
我是一名优秀的程序员,十分优秀！