javascript - 停止提交时自动刷新表单

Question

我正在尝试仅使用 html javascript 和 css 编写联系人公式。我知道客户端验证现在不是你应该使用的，但我想了解它!这不是将在安全性很重要的站点中实现的联系人公式!

我的整个代码:http://jsfiddle.net/t59By/

由于某种原因，我的验证码的随机数没有显示在 fiddle 中，而是在我的浏览器中打开它时显示。

我遇到的问题是点击提交后自动刷新。它发生在我服用之后:

    action="MAILTO:example@example.com" method="post" enctype="text/plain"

在我的代码之外...
如果我把它放回刷新停止但无论表单是否经过验证都会发送电子邮件...
我已经搜索了一个解决方案并找到了“return false”和 cookies 作为一个选项。我都试过了，但似乎没能正确地做到这一点。

当用户点击提交按钮时，如何停止自动刷新和丢失字段输入？

任何想法都值得赞赏!


已解决:我刚刚将输入类型从提交更改为按钮，现在它工作正常了!感谢您的帮助!我仍然很欣赏可能导致它的原因以及我的 cookie 尝试出了什么问题(第一个 fiddle )...谢谢!

Answer 1

用 buttonclicked() 替换点击函数上的按钮。

<input type="submit" onclick=" return buttonClickd();" value="Submit it!" id="button">

代码是

var flag;
function buttonClickd(){
    var flag = true;
    dcc (); hi1 (); hi2 (); hi3 (); hi4 (); hi5 (); hi6 (); hi7 (); hi8 (); emic (); pwic(); checkemail(); checkpw(); addNums(); ccb(); callEmail (); error ();
    if(flag)
        return flag;
    else{
        return flag;
        error();
    }
}

放置标志=假；以上功能不满足条件时上线。例如

var hi1 = function () {

    if ($('#input1').val() === "") {
        $('#input1').addClass('hi');
              flag = false;
        return;
        }
};

Fiddle Update .由于捕获，我没有测试你的代码。只需修改与上述条件相关的代码即可。我觉得你有那么大本事能做那些小事