Question

我尝试在.onclick-event上通过javascript进行from-field-validation。我有一个表单超过几个<div>，当你点击“更远”时，它会淡入淡出。

在第一个<div>中，您在“名称”中写道。然后点击“更远”，然后转到下一个<div>，在那里你可以写下你的“地址”。

以下是我如何切换<div>的代码：

document.getElementById("addnewjob_sitetwo").onclick = function(){

            // Fade out all content     

            $('#newjobcontent-siteone').fadeOut(200);

            function cutnewjobsitetwo(){

            //Cut all content out
            $('#newjobcontent-sitetwo').fadeIn(200);    
            $('#newjobcontent-siteone').css("display", "none");
            }
            setTimeout(cutnewjobsitetwo, 201);

            };

现在，我在这里修改了按钮的代码以验证字段“jobtitle”：

document.getElementById("addnewjob_sitetwo").onclick = function(){

            // Fade out all content 

            function validatesiteone() {
            var x = document.forms["add-new-job"].jobtitle.value;
            if (x == "") {
            alert("Name must be filled out");
            return false;
            } else {    

            $('#newjobcontent-siteone').fadeOut(200);

            function cutnewjobsitetwo(){

            //Cut all content out
            $('#newjobcontent-sitetwo').fadeIn(200);    
            $('#newjobcontent-siteone').css("display", "none");
            }
            setTimeout(cutnewjobsitetwo, 201);
            }
            }
            };

这是“form-header”：

<form class="add-new-job" method="post" id="add-new-job" name="add-new-job">

以下是可以验证的字段：

<input class="form-control" placeholder="Jobtitel - z.B. Rasen mähen, Malerarbeiten, etc..." id="jobtitle" name="jobtitle">

可悲的是，当我点击按钮时没有任何反应，即使淡入淡出也没有被执行。我没有从chrome调试器中得到任何错误。有人能告诉我为什么不起作用？谢谢

通过带有.onclick函数的javascript进行表单字段验证

0 个答案: