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

输入类型=“提交”name =“submit-contact”class =“button”onClick =“Somejavascriptfunction”value =“发送”

功能Somejavascriptfunction（） { 通过$（“。Username”）。val（）和$（“。Password”）。val（）检索用户名和密码。将其传递给ajax请求页面。从ajax页面获取结果。如果无效，则通过jquery弹出消息如果有效则提交。 }

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

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

2 个答案: