2014-04-06 57 views
0

我有一個用html寫成的表單,其中包含一個表單。我必須使用JavaScript編寫另一個html頁面,它將包含用戶在表單中寫入的信息。使用JavaScript從一個html寫入另一個使用

<!DOCTYPE html> 
<html> 
<head> 
<script> 
function validateForm() 
{ 
var x=document.forms["myForm"]["fname"].value; 
if (x==null || x=="") 
    { 
    alert("First name must be filled out"); 
    return false; 
    } 
} 
</script> 
</head> 

<body> 
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post"> 
First name: <input type="text" name="fname"> 
<input type="submit" value="Submit"> 
</form> 
</body> 

我已經使用appendchild,但它不接受按鈕的名稱。

+0

您必須使用JavaScript編寫另一個HTML頁面?你的意思是另一個html元素? – doniyor

+0

例如,用戶在他點擊提交時在第一頁上寫下了他的名字,一個彈出式顯示顯示:您在文本框上點擊的名字是:Blabla。那麼我必須使用頁面中的按鈕關閉彈出窗口。 –

+0

@ user3288339更好地避免彈出窗口。大多數瀏覽器會阻止他們,如果不是,他們真的很煩人。 – Oriol

回答

1

如果你的意思是得到FORM值,並將其顯示在彈出爲什麼不ü嘗試這個..

檢查fiddle

<html> 
<script> 
function f() 
{ 
    var name = document.getElementById("name").value; 
    var myWindow = window.open("","MsgWindow","width=400,height=100"); 
    myWindow.document.write("User Name = <b><i>"+name+"</i></b>."); 
    return false; 
} 
</script> 
<body> 
    <form onsubmit="return f()" > 
    <input type="text" id="name" /> 
    <input type="submit" /> 
    </form> 
</body> 
</html> 
+0

這正是我所尋找的,非常感謝你! –

2

如果是這樣的頁面本身,那麼你可以創建一個使用

document.createElement() 

一個新的HTML文件,但如果你想要做的是,在其他任何窗口,那麼這將是不可能的。由於JavaScript無法處理其他窗口上的事件。

,具體方法:https://developer.mozilla.org/en-US/docs/Web/API/document.createElement

然後您可以將文本追加到它,使用從表單中的值。

+0

好的,謝謝!我會在同一個html裏面做。感謝您的網址! –

相關問題