带复选框的 Javascript 电子邮件 ID 验证

Question

我正在寻找 Javascript 电子邮件 ID 和复选框验证。验证仅适用于复选框，不适用于电子邮件 ID。请问如何修改？

codepen demo

function Validate()  
{  
    var x=document.myform.email.value;  
    var atposition=x.indexOf("@");  
    var dotposition=x.lastIndexOf(".");  
    if (atposition<1 || dotposition<atposition+2 || dotposition+2>=x.length){  
        alert("Please enter a valid e-mail address");  
        return false;  
    }  
    return true;
}  


function Validate(){
   if(!validateForm()){
       alert("Terms & Conditions!");
       return false;
   }
   return true
}

function validateForm()
{
    var c=document.getElementsByTagName('input');
    for (var i = 0; i<c.length; i++){
        if (c[i].type=='checkbox')
        {
            if (c[i].checked){return true}
        }
    }
    return false;
}

Answer 1

	// this function is called on form submit and checks the return values of both the email and checkbox function. if either of them are false, you will be alerted.
  function MainFunction(){
   if(!validateCheckBox() || !ValidateEmail()  ){
       return false;
   }
     alert("the form has been successfully submitted");
    return true
    }

// this function validates the email
function ValidateEmail()  
{  
var x=document.myform.email.value;  
var atposition=x.indexOf("@");  
var dotposition=x.lastIndexOf(".");  
if (atposition<1 || dotposition<atposition+2 || dotposition+2>=x.length){  
  alert("Please enter a valid e-mail address");  
  return false;  
  }  
  return true;
}  

// this function validates the checkbox
function validateCheckBox()
{
    var c=document.getElementsByTagName('input');
    for (var i = 0; i<c.length; i++){
        if (c[i].type=='checkbox')
        {
            if (c[i].checked){return true}
        }
    }
     alert("Terms & Conditions!");
    return false;
}
//you had two of the same named function before. also you were only checking the return of one of the functions. Above checks the return values of both of the functions. Hope this helps

<form name="myform" id="form_id"  method="post" onsubmit="return MainFunction();">
<input type="text" name="email" class="subscribe_email_nf" placeholder="Enter Your Email Id...">	<br />
<input type="checkbox" name="option1" value="1">Accept Terms & Conditions<br />
<input type="submit" value="Submit Form">
</form>