2014-01-15 65 views
0

有誰能夠告訴我如何使預覽在PHP中使用JavaScript的一種形式之前提交預覽之前提交

我有一個像

<script type="text/javascript"> 
    $(document).ready(function() { 
    `$('#db').hide(); 
    }); 

function preview() 
    { 
      var add=document.getElementById('Address_Street').value; 
    if(add.trim()!="") 
     {  
      $('#db').show(); 
     document.getElementById('p_Address_Street').value=add;     
     } 
    } 

<body> 
<form name="approval" id="approval" method="post" enctype="multipart/form-data" action=""> 
<input type="text" name="Address_Street" id="Address_Street" size="36" value=""> 
<input type="submit" value="Submit" >` 
<input type="button" value="Preview" onclick="preview()"> 
</form> 
<div id="db"> 
    Address Street: <input type="text" name="p_Address_Street" id="p_Address_Street" size="36" value="" readonly="readonly"> 
</div> 
</body> 

可每個人都告訴我一個例子正確的一個請:(

+0

預覽意味着你想要什麼? – user2936213

+0

http://stackoverflow.com/questions/5272275/display-user-entered-data-in-the-form-b​​efore-submitting-to-database –

回答

1

你有這條線上的錯誤 `$('#db').hide();嘗試刪除'char

然後,如果您使用的是JQuery,請堅持使用它。

var add = $('#Address_Street').val();

要調試,刪除if語句。也許錯誤在那裏。

的例子: http://jsfiddle.net/fa295/

+0

你能舉個例子嗎? – user2470370

+0

查看示例 –

+0

非常感謝... – user2470370

2

添加ID到您的預覽按鈕

<input id="Preview" type="button" value="Preview"> 

那就試試這個JS

$(document).ready(function() { 
    $('#db').hide(); 
    $('#Preview').on('click', function(){ 
     var add=$("#Address_Street").val(); 
     if(add.trim()!="") 
     {  
      $('#db').show(); 
      $('#p_Address_Street').val(add);    
     }  
    }); 
});