2015-09-05 141 views
0

有人可以幫助我解決這個問題: https://jsfiddle.net/mgzea0uw/1/形式提交使用jQuery不工作

我嘗試撥打電話到我的服務器來保存信息之前檢查所有數據。有人有一個想法,爲什麼這個表單沒有在裏面輸入任何信息時隱藏信息?

我知道他不會運行jQuery代碼。

我想安全的這種方式驗證後,由信息:

 var UrlToPass = 'title='+tit.val()+'mes='+mes.val(); 
     $.ajax({ 
     type : 'POST', 
     data : UrlToPass, 
     url : '/publish.php', 
     dataType: "json", 
     success: function(data){ 
       window.location.replace("index.php"); 
     } 
     }); 

有人能幫助我嗎?

非常感謝!

+0

究竟你希望發生?那不是什麼? – Jeff

+0

我希望如果您點擊安全,並且在郵件和標題中不輸入任何內容,這兩個字段都會隱藏起來...... – Thempower

+1

您錯過了數據字符串中的&字符。更好的使用:$ form.serialize() –

回答

1

當您點擊按鈕時,您需要使用event.preventDefault();停止瀏覽器將請求重定向到另一個頁面。我還在第一個if結構中將mes更改爲tit

$(document).ready(function() { 
    $('#titel').focus(); 
    $('#opslaan').click(function (event) { 
     event.preventDefault(); 
     var tit = $('#tit'); 
     var mes = $('#mes'); 
     if(tit.val() === ''){ 
      tit.addClass("hidden");    
     } 
     if (mes.val() === '') { 
      mes.addClass("hidden"); 
     } 
    }); 

}); 

Working demo.