小编Jam*_*ley的帖子

我真的很感激任何人的帮助,因为我似乎无法让它工作.我在提交之前使用javascript代码检查我的表单.我检查空盒子之类的东西.

如果框为空,则应显示三个包含标准错误文本的div之一.

我有三个不同的div,div1 div2和div3,它们包含错误语句.我这样做是因为我将表格分成了三个部分.因此,我希望我的javascript在我的表单中的三个不同部分执行三个不同的检查,如果在哪个部分中发生错误,则显示该部分的div1或div2或div3.

Section 1 
<div 1>
<input = firstname>
<input = lastname>
<input = email>
<input = email2>

section 2
<div 2>
<input = contactnum>
<input = mobnum>
<input = postcode>

section 3
<div 3>
<input = compname>
<input = compreg>

这是我的javascript代码我试图放在一起,但它不工作,它提交表单,而不做任何检查.请有人告诉我我哪里出错了.

<script>
    function validateForm() {
        var a = document.forms["register"]["firstname"].value;
        var b = document.forms["register"]["lastname"].value;
        var c = document.forms["register"]["email"].value;
        var d = document.forms["register"]["email2"].value;
        if (a == null || a == "" || b == null || b == …

我的 div 类“line_status”出现了 4 次，在我的页面上垂直对齐，如下所示：

line_status

line_status

line_status

line_status

这些 div 是固定的，因此当用户向下滚动页面时，它们始终可见。

我想要实现的是一种变色效果，以显示用户在表单上的位置，具体取决于他们在该页面上滚动到的位置。

因此，当页面加载时，它总是在页面顶部加载，其中包含一些预填充信息，因此第一个“line_status”div 始终填充为绿色，其余部分为灰色/灰色。

所以现在如果用户通过滚动 300 像素向下导航我的表单，那么第二次出现的行状态将从灰色变为绿色。（但不是第三或第四，至少在这个阶段不是）。

然后，如果他们再向下滚动 300 像素，则第 3 个 div 从灰色变为绿色，依此类推，第 4 个。

我目前正在努力用 jquery 做到这一点，因为它一次改变了我所有 div 的颜色，而不是一个一个地改变我想要的效果。任何想法我怎么能做到这一点？也有人可以告诉我如何将其从文档滚动更改为 div 对象滚动功能？提前致谢

代码：

<script>
    $(document).scroll(function () { // remove "$"
        var y = $(this).scrollTop();        
        if (y > 100) {
            $(".line_status").css("background-color","green");
        }
    });
</script>