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; 正在取消提交事件，因为onSubmit（）事件需要返回true才能继续实际提交到操作中定义的页面=“”（在您的情况下为none，导致白页）。

还要考虑到在返回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;
}

表单验证后的新HTML页面

2 个答案: