Javascript 在继续之前需要验证的多节表单_Javascript_Html

Javascript 在继续之前需要验证的多节表单

javascript html

Javascript 在继续之前需要验证的多节表单,javascript,html,Javascript,Html,我正在创建一个多节表单，需要在继续显示下一节之前验证每个节。当我点击continue时，我想运行一个验证，在上面的部分而不是整个表单上触发响应。此外，我希望这是一种形式，以便它可以上传到IBM的形式。我知道jQuery功能强大，但我不明白是否可以将其全部包含在html中 <script language="JavaScript"> var currentLayer = 'page1'; function showLayer(lyr) { hideLayer(currentLay

我正在创建一个多节表单，需要在继续显示下一节之前验证每个节。当我点击continue时，我想运行一个验证，在上面的部分而不是整个表单上触发响应。此外，我希望这是一种形式，以便它可以上传到IBM的形式。我知道jQuery功能强大，但我不明白是否可以将其全部包含在html中

<script language="JavaScript">
var currentLayer = 'page1';
function showLayer(lyr) {
   hideLayer(currentLayer);
   document.getElementById(lyr)
  .style.visibility = 'visible';
  currentLayer = lyr;
}

function hideLayer(lyr) {
   document.getElementById(lyr).
      style.visibility = 'hidden';
}

function showValues(form) {
   var values = '';
   var len = form.length - 1; 
   //Leave off Submit Button
   for(i=0; i<len; i++) {
      if (form[i].id.indexOf("C") != -1 ||   // if statement over this         one validating visible form elements before continuing
     form[i].id.indexOf("B") != -1)
     //Skip Continue and Back Buttons
     continue;
     values += form[i].id;
     values += ': ';
     values += form[i].value;
     values += '\n';
  }
  alert(values);
   }

</script>

</head>

<body>
    <div class="container">
        <form action="javascript:void(0)" onSubmit="showValues (this)"    method="post" enctype="text/plain">

            <div id="page1" class="page" style="visibility:visible;">

            <label for="firstname">First Name</label>
            <input type="text" id="firstname" name="firstname"   placeholder="Your first name.." required>

            <label for="lastname">Last Name</label>
            <input type="text" id="lastname" name="lastname" placeholder="Your last name.." required>

            <label for="email">Email</label>
            <input type="email" id="email" name="email" placeholder="Your Email.." required>

            <label for="phone">Phone</label>
            <input type="tel" id="phone" name="phone" placeholder="Your Number.." required>

            <center><p><input class="button" type="button" id="C1" value="Continue" onClick="showLayer('page2')"></p></center>

            </div>

            <!-- First Page Break -->
            <div id="page2" class="page">

            <label for="title">Title</label>
            <input type="text" id="title" name="title" placeholder="Your Title.." required>

            <label for="companyname">Company Name</label>
            <input type="text" id="companyname" name="companyname"   placeholder="Your Company Name.." required>
<input class="button" type="submit" value="Submit">


var currentLayer='page1'；
功能显示层（lyr）{
hideLayer（currentLayer）；
document.getElementById（lyr）
.style.visibility='visible'；
currentLayer=lyr；
}
函数隐藏层（lyr）{
document.getElementById（lyr）。
style.visibility='hidden'；
}
函数showValues（表单）{
var值=“”；
var len=形式长度-1；
//停止提交按钮
对于（i=0；iSo您尝试验证的部分在哪里？您遇到了哪些问题？我刚开始学习JavaScript，所以我的尝试被删除。我正在考虑做类似的事情。您的首要问题是按钮
。如果您不想在单击“继续”时提交表单，请不要设置“否”type提交。onClick=sectionValidation（）函数sectionValidation（）{if（'#firstname'=（值a-z）&&&'#lastname'=（值a-z）…）showLayer（'page2'）}否则{input issue}抱歉，此评论部分很难使用。我刚完成codeAcademy培训，所以我是一个新手。我不知道如何进行文本验证和数字验证。然后如何将它们彼此对齐。