javascript - jQuery在页面重新加载之前验证

Question

因此，当我单击提交时，它会指向错误页面。我想在它重定向到错误页面之前进行验证，插件就是这样工作的。如果用户的输入有问题，有没有办法阻止提交？

<input type="submit" name="submit-contact" class="button" value="Send" />

$(document).ready(function(){
  $(".button").click(function() {

        var name = $('input#name').val();
        if (name == ""){
            $('#name').addClass('errro');
            return false;}
        else {
            $('#name').removeClass('errro');}

    });
});

Answer 1

在盯着这个问题几分钟后，我想我知道你的意思了。您可以通过监听submit事件并false在您认为用户的输入有问题时返回来做到这一点。

$(document).ready(function(){
     $("#theForm").submit(function() {

        var name = $('input#name').val();
        if (name == ""){
            $('#name').addClass('errro');
            return false;
        }
        else {
            $('#name').removeClass('errro');
        }

    });
});

Answer 2

输入类型=“提交”名称=“提交联系”类=“按钮”onClick=“某些javascript函数”值=“发送”

function Somejavascriptfunction() { Retrieve Username and password via $(".Username").val() and $(".Password").val() 将其传递给ajax请求页面。从 ajax 页面获取结果。如果无效则通过 jquery 弹出消息，如果有效则提交。}

AjaxPage { 进行验证（1. 空用户名/密码 2. 正确的用户名和密码..etc）将结果返回给调用函数 }