表单验证后的新HTML页面

Question

我想显示输入收集的数据结果。 这是我所做的，但是在我填写完字段并且函数返回true之后，它不起作用。

    <form name ="reg" action ="" onsubmit ="return checkValidation(this)">//CODE...

这是被调用的函数：

function checkValidation()
    {
    var valid = isValidName();
        if(valid)
        valid = isValidEmail();
        if(valid)
        valid = isValidPass();
        if(valid)
        valid = isValidRadio();
        if(valid)
        {
        document.write(document.reg.name.value);
        }
        return valid;
    }

有什么问题？ 如何使用此数据打开新页面？ 谢谢！

Answer 1

在调用的函数上使用此函数：

function checkValidation()
{
var valid = isValidName();
    if(valid)
    valid = isValidEmail();
    if(valid)
    valid = isValidPass();
    if(valid)
    valid = isValidRadio();
    if(valid)
    {
    document.write(document.reg.name.value);
    return false;
    }
    return valid;
}

您实际使用return false做的事情； 正在取消Submit事件，因为onSubmit（）事件需要返回true才能继续实际提交到action =“”中定义的页面（在您的情况下为无，这将导致白页）。

还应考虑到在返回false时（这些过程发生在浏览器中），您已经处理了前端变量（或显示了它们）。 如果希望将实际数据发送到服务器（并且无需重新加载就在同一页面上），则可能应该对服务器端脚本使用ajax调用。

Answer 2

function checkValidation()
{
var valid = isValidName();
    if(valid)
    valid = isValidEmail();
    if(valid)
    valid = isValidPass();
    if(valid)
    valid = isValidRadio();
    if(valid)
    {
    document.write(document.reg.name.value);
    }
    // here if valid is true then page will reload itself and
   //  document.write(document.reg.name.value); will not show any result

    return valid;
}