2015-09-05 107 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.