我正在使用JavaScript执行一个小文本,getElementsByClassName()并且我得到了一些不需要的结果.我希望脚本将每个CSS类更改为一个新类.问题是每个其他班级只会改变......
我想使用纯js这个问题是如何用于练习目的.
我想到的第一件事就是白色空间,虽然在移除它时没有任何不同.
谁能指出我做错了什么？
<html>
<head>
<link rel="stylesheet" type="text/css" href="default.css">
</head>
<body>
<div class="block-default">BLOCK1</div>
<div class="block-default">BLOCK2</div>
<div class="block-default">BLOCK3</div>
<div class="block-default">BLOCK4</div>
<div class="block-default">BLOCK5</div>
<div class="block-default">BLOCK6</div>
<div class="block-default">BLOCK7</div>
<div class="block-default">BLOCK8</div>
<script>
var blockSet = document.getElementsByClassName("block-default");
var blockSetLength = blockSet.length;
blockSet[0].className = "block-selected";
blockSet[1].className = "block-selected";
blockSet[2].className = "block-selected";
blockSet[3].className = "block-selected";
blockSet[4].className = "block-selected";
blockSet[5].className = "block-selected";
blockSet[6].className = "block-selected";
blockSet[7].className = "block-selected";
</script>
</body>
</html>
CSS类:
.block-default {
width: 100px;
height:50px;
background-color: green;
border: 1px solid red;
padding:10px;
} …我需要一些指导,因为我在这里真的很疯狂.
我已经用php/js/ajax创建了代码来检查提交时是否存在电子邮件地址.
所以我测试了ajax并返回了正确的值.(通过firebug检查)
Either 1 for user exists
or 2 for user doe not exist.
现在我添加了一个警告框来检查值,由于一些奇怪的原因,它总是显示值1!(即使ajax值为2)
function validateForm() {
var x3=document.forms["newuser"]["email"].value;
//Check if username exists.
$.post(
"http://...check_user_exists.php",
{
x3 : x3 //user email
},
function(data) {
email_check = parseInt((data.email_exists),10);
}
);
//Additional Checks
if (email_check = 1) {
$("#form_status").fadeIn("slow");
$("#form_status").text("Email Address Taken.");
alert(email_check);
return false;
}
if (email_check = 2) {
$("#form_status").fadeIn("slow");
$("#form_status").text("Email ok.");
alert(email_check);
return true;
}
more validation checks....
大家好,再次......谢谢你的善意指导.首先,我想道歉,因为我对此很陌生......我已经向前迈进了一步,但最后一部分并没有确定如何继续.
因此,表单现在验证表单元素并检查电子邮件以查看它是否存在.我留下的唯一问题是,如果电子邮件值正常,则表单不会处理.有没有办法使用ajax回调函数将提交值设置为true？
<form name="newuser" id="form" method="post" action="do_new_user.php" onsubmit="return validateForm()"> …