Question

我遇到了问题

如果我尝试使用此代码阻止表单提交

$(function(){
            $('#registerform').submit(function(e) {

                var benreg = $("#benreg").val()
                var pas1reg = $("#pas1reg").val()
                var pas2reg = $("#pas2reg").val();
                var submit = true;

                if(benreg === "" || pas1reg === "" || pas2reg === ""){
                    var submit = false;
                }

                if(submit === false){
                    e.preventDefault();
                }

            });  
        });

...然后它可以工作，但当我用来显示信息下拉提醒时，它会起作用。我不知道为什么。我的表单提交数据，虽然方框是空的。

$(function(){
            $('#registerform').submit(function(e) {

                var benreg = $("#benreg").val()
                var pas1reg = $("#pas1reg").val()
                var pas2reg = $("#pas2reg").val();
                var submit = true;

                if(benreg === "" || pas1reg === "" || pas2reg === ""){
                    var submit = false;
                    var rel = new $.peekABar({
                        html: "Error message<br />" + '<img src="img/success.png"/>'
                    });

                    rel.show(); 


                }

                if(submit === false){
                    e.preventDefault();
                }

            });  
        });

要做到这一点，我需要做些什么？

提前谢谢你：）

Answer 1

试试这个。

$(function(){
            $('#registerform').submit(function(e) {

                var benreg = $("#benreg").val()
                var pas1reg = $("#pas1reg").val()
                var pas2reg = $("#pas2reg").val();
                var submit = true;

                if(benreg === "" || pas1reg === "" || pas2reg === ""){
                    var submit = false;
                    var rel = new $.peekABar({
                        html: "Error message<br />" + '<img src="img/success.png"/>'
                    });

                    rel.show(); 

                    return submit;

                }

            });  
        });

Answer 2

试试这段代码：

$(function(){
        $('#registerform').submit(function(e) {
             e.preventDefault();

            var benreg = $("#benreg").val()
            var pas1reg = $("#pas1reg").val()
            var pas2reg = $("#pas2reg").val();
            var submit = true;

            if(benreg === "" || pas1reg === "" || pas2reg === ""){
                var submit = false;
                var rel = new $.peekABar({
                    html: "Error message<br />" + '<img src="img/success.png"/>'
                });

                rel.show(); 


            }

        });  
    });

只需删除if中的e.preventDefault（），在提交后移动它（函数（e））{

试试代码。

jQuery阻止提交表单doenst使用if语句

2 个答案: