Question

有人可以帮我解决这个问题： https://jsfiddle.net/mgzea0uw/1/

我尝试在调用服务器之前检查所有数据以保存信息。有人知道为什么这个表单在没有输入内容时没有隐藏信息吗？

我认为他不会运行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");
        }
        });

有人可以帮助我吗？

感谢adventage！

Answer 1

当您单击按钮时，您需要使用event.preventDefault();来阻止浏览器将您的请求重定向到另一个页面。我还在第一个mes构造中将tit更改为if。

$(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.

表单提交时jquery无法正常工作

1 个答案: