在同一個html頁面中顯示錶單數據

-1

嗨，我是新的HTML編程，我面臨一個小問題。我設計了一個HTML表單，並且有幾個字段即。姓名，年齡等我在填寫他們，下面有一個保存按鈕。單擊該按鈕將在表單驗證後在同一個html頁面的單獨div中顯示輸入的字段。我需要一些幫助。我在多次驗證中遇到問題以及在div中顯示項目。在同一個html頁面中顯示錶單數據

<html> 
<body> 
<form onsubmit="validation();"> 
    <table border="2"> 
     <tr><td>First Name:</td><td><input type="text" name="fn" id="firstname"></td></tr> 
     <tr><td>Last Name:</td><td><input type="text" name="ln" id="lastname"></td></tr> 
     <tr><td>Father's First Name:</td><td><input type="text" name="ffn" id="ffirstname"></td></tr> 
     <tr><td>Father's Last Name:</td><td><input type="text" name="fln" id="flastname"></td></tr> 
     <tr><td>Age:</td><td><input type="text" name="ag" id="age"></td></tr> 
     <tr><td>Gender: 
       <select name="gend"> 
       <option value="male">Male</option> 
       <option value="female">Female</option> 
       </select> 
     </td> 
     <td>Address:<textarea rows=4 cols=10 name="add" id="addr"></textarea></td></tr> 
     <tr><td>Pincode:</td><td><input type="text" name="pc" id="pincode" maxlength="6"></td></tr> 
     <tr><td>Phone Number:</td><td><input type="text" name="pn" id="phonenumber" maxlength="10"></td></tr> 
     <tr><td>Mobile Number:</td><td><input type="text" name="mb" id="mobilenumber" maxlength="10"></td></tr> 
     <tr><td colspan="2"><center><input type="submit" value="Save"></center></td></tr> 
    </table> 
    <script> 
      function validation() 
      { 
       var x=document.getElementById("firstname").value; 
       var y=document.getElementById("lastname").value; 
       var z=document.getElementById("ffirstname").value; 
       var v=document.getElementById("flastname").value; 
       var a=document.getElementById("age").value; 
       var alpha=/^[a-zA-Z]+$/; 
       var valid=true; 

       if(!x.match(alpha)) 
       { 
        alert("Alphabets only!"); 
        valid=false; 
       } 
       if(!y.match(alpha)) 
       { 
        alert("Alphabets only!"); 
        valid=false; 
       } 
       if(!z.match(alpha)) 
       { 
        alert("Alphabets only!"); 
        valid=false; 
       } 
       if(!v.match(alpha)) 
       { 
        alert("Alphabets only!"); 
        valid=false; 
       } 
       if(a<18 || a>30) 
       { 
        alert("Age should be between 18-30"); 
        valid=false; 
       } 


      } 

    </script> 

</body> 
</html>

來源

2014-07-22 Biswarup Dass

如果您有特定的問題，這將有所幫助。「有問題」並不能告訴我你需要幫助的地方。 –

他說什麼^^真的，你所缺少的是一些getElementById JavaScript來填充你的div中的表單字段。 – durbnpoisn

如何在單獨的** div **中將表格中輸入的數據顯示在同一頁面中？ –

爲了驗證它會更容易，更好地利用HTML5表單屬性pattern和required。
僅供參考，請參閱：http://www.w3schools.com/html/html5_form_attributes.asp
而我沒有看到任何代碼用於在div中顯示數據！您首先需要發佈代碼以獲得任何幫助。

來源

2014-07-22 18:39:17 orb

這是問題所在。我需要如何在div –

使用顯示數據這個例子幫助： ** ** HTML： ''

** **的JavaScript。 '的document.getElementById（「FN」）的innerHTML =文件.getElementById（「姓名」）。value' – orb

在同一個html頁面中顯示錶單數據

回答

相關問題