Javascript 如何在提交后停止重新加载页面

我有一个页面，上面有一个用来提问的表单。单击“提交”按钮时，它会执行以下操作，确定用户是否选中了正确的框，显示答案和说明，并禁用复选框和“提交”按钮以防止重新回答问题。 我的问题是，当用户单击submit按钮时，答案和禁用仅在页面重新加载前的一瞬间出现。我如何阻止这种情况，我想让用户看看他们是否正确，并且不能更改他们的答案。当我在构建页面的Dreamweaver中运行它时，它在实时视图中运行良好

代码如下：

/***********************************************
*限制选中复选框的数量脚本-按JavaScript工具包（www.javascriptkit.com）
*此通知在使用时必须保持完整
*访问JavaScript工具包http://www.javascriptkit.com/ 对于此脚本和100多个
***********************************************/
功能checkboxlimit（检查组、限制）{
var checkgroup=checkgroup
风险限额=限额
对于（var i=0；i
|
诊断
此时，最有可能的诊断是
请只选择一个

急性支气管炎
对的
不正确
虽然患者咳嗽不止，但在胸部x光片上也有浸润。

社区获得性肺炎
对的
不正确
胸部x光显示明确的浸润。

保健相关肺炎
对的
不正确
患者不是疗养院或其他长期护理机构的居民。

肺癌
对的
不正确
尽管阻塞性癌症可能导致浸润，但它不是该患者急性症状的最可能原因。



单击查看此诊断的测试和说明

$（文档）.ready（函数（）{
$（“[data toggle=offcanvas]”）。单击（函数（）{
$（'.row offcanvas'）.toggleClass（'active'）；
});
});
var one=“”；
var-two=“”；
功能检查（浏览器）
{
//document.getElementById（“答案”）.value=browser
一个=浏览器
updateIt（）
}
功能检查1（浏览器）
{
//document.getElementById（“answer”）.value+=“”+浏览器
两个=浏览器
updateIt（）
}
函数updateIt（）
{
document.getElementById（“答案”）.value=1+“”+2
}
//语法：checkboxlimit（checkbox\u引用，limit）
checkboxlimit（document.forms.limit.field，1）

目前，您的代码并不像您所解释的那样“确定用户是否选中了正确的框，显示了答案和解释”，但这是确定的，并且很容易实现。以下是您问题的答案

您应该将id=“ex3”按钮替换为下面提供的锚定标记代码（锚定标记是为了简单起见，但您可以使用另一个元素通过单击事件调用函数）。无论哪种方式，您都不需要提交表单，因为您没有根据请求的行为发布信息

<a id="ex3" href="javascript:disablefields()">submit</a>

然后，您将得到问题中要求的确切行为减去您描述的验证过程。通过条件语句或调用验证函数，然后如果有效，则调用disablefields函数，可以很容易地将其添加到此解决方案中

 function formVal() {
            {
     //put all of your validation requirements here and see if 
     var isValid = [check form function here]
    if(isValid){
         disablefields();
    }else {
    //send a message to user to correct fields and do not disable
    }

       <a id="ex3" href="javascript:formVal()">submit</a>   

函数formVal（）{
{
//将所有验证要求放在这里，看看是否
var isValid=[在此处检查表单函数]
如果（有效）{
禁用字段（）；
}否则{
//向用户发送消息以更正字段，不要禁用
}

---

如果您确实选择在以后的某个日期将信息提交给服务器，只需在disablefields调用后发送表单信息，然后进行AJAX调用。

通过从onClick调用这两个函数并将类型更改为按钮来修复此问题

---

如果disablefields（）函数出现错误，则返回false与上述注释相同，但对于只需要退出函数而不返回某些内容的情况，我支持返回。请看一下这个问题：

 function formVal() {
            {
     //put all of your validation requirements here and see if 
     var isValid = [check form function here]
    if(isValid){
         disablefields();
    }else {
    //send a message to user to correct fields and do not disable
    }

       <a id="ex3" href="javascript:formVal()">submit</a>