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