Question

如果单击“是”按钮，我要做的是重定向到新页面。如果点击“否”，我已经设置了提示。但是，有一个表单（名称和电子邮件）需要填写才能使用。如果他们没有填写这些细节，我想要一个提示，告诉用户他们需要填写它们才能继续。

我对javascript相当新，所以任何提示或解释都会非常感激。

以下是html代码

<input type="radio" name="radio" id="yes"><strong>Yes, I agree.</strong> 
<br>
<input type="radio" name="radio" id="no" checked="checked"><strong>No, I do not agree.            </strong><br>
<br>    
If you agree, please enter your full name and email address in the spaces below and press   submit.
<br>
<form> Full Name:<input type="text" name="fullname"></form>
<br>  
<form> Email Address:<input type="text" name="email"></form>
<br>     
<br>
<form action="endPage.jsp" id="form">
<input type="submit" id="submit" value="Submit" name="submit" />
</form>

和javascript代码

var submitBtn = document.getElementById("submit");
var termsChk = document.getElementById("yes");
var formFrm = document.getElementById("emailField");
var formFrm = document.getElementById("nameField");

submitBtn.addEventListener("click", function() {
if (termsChk.checked === true && formFrm)

{
    alert("Checked!");
    formFrm.submit();
} else {
    alert("Please Contact Spearhead Mining Corporation: projects@spearheadmining.com to discuss your options for project submittal!");
}
return false;
});

Answer 1

对于更具体的答案，如果您发布了yes和no按钮的代码以及表单的HTML代码，它可能会有所帮助。这就是你通常会处理这种情况的方法是在yes按钮的代码中运行你需要运行的任何客户端验证，在这种情况下检查名称和电子邮件字段是否为空，然后显示错误消息如果一切都无效，则重定向。

例如在你的处理程序

中

if(document.getElementById('emailField').value == null || document.getElementById('namefield') == null){
  /*error handling code goes here*/
  return
 }
else{
  /*redirection code goes here*/
}

Answer 2

将window.confirm()与特定邮件一起使用给用户，并使用window.location()重定向到新网址。

result = window.confirm("Message to user");
if(result) {
     window.location = "new url";
} else {
     //do the rest of logic
}

Javascript：根据单选按钮选择重定向到新页面

2 个答案: