表单验证后的新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; 
} 

你实际上是用回假做什么;因为onSubmit（）事件需要返回true才能继续实际提交到action =“”中定义的页面（在您的情况中为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; 
}