表單驗證后的新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;
}