JavaScript重新加载整个页面

Question

我使用以下脚本来验证注册表单：

$(document).ready(function() {

    $("#register").click(function() {

        var name = $("#name").val();

        var email = $("#email").val();

        var password = $("#password").val();

        var cpassword = $("#cpassword").val();

        if (name == '' || email == '' || password == '' || cpassword == '') {

            alert("Please fill all fields...!!!!!!");

        } else if ((password.length) < 8) {

            alert("Password should at least 8 character in length...!!!!!!");

        } else if (!(password).match(cpassword)) {

            alert("Your passwords don't match. Try again?");

        } else {

            $.post("register.php", {

                name1: name,

                email1: email,

                password1: password

            }, function(data) {

                if (data == 'You have Successfully Registered.....') {

                    alert("Tu cuenta de usuario ha sido creada");

                }

            });

        }

    });

});

我正在检查所有可能的选项，并且我已检测到条件正在运行，但是在满足一个条件后页面会重新加载，而不是停止执行脚本。例如，如果密码长度为6个字符，则警告：

alert("Password should at least 8 character in length...!!!!!!");

抛出，但页面重新加载，输入字段中的所有文本都被删除...

并且当执行$ .post调用并且响应是预期时，警报：

alert("Tu cuenta de usuario ha sido creada");

没有显示。记录在数据库中创建，页面重新加载，但不显示警报。

Answer 1

在HTML表单中更改以下按钮代码&nbsp;&nbsp;<button&nbsp;type="submit"&nbsp;name="register"&nbsp;id="register"&nbsp;class="btn">Crear&nbsp;cuenta&nbsp;de&nbsp;usuario</button>至&nbsp;<button&nbsp;type="button"&nbsp;name="register"&nbsp;id="register"&nbsp;class="btn">Crear&nbsp;cuenta&nbsp;de&nbsp;usuario</button>这是小提琴只有改变的是按钮的类型。

Answer 2

可能是您的#register是提交按钮，表单正在发布

Answer 3

您需要在click事件结束时返回false$(document).ready(function()&nbsp;{$("#register").click(function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;name&nbsp;=&nbsp;$("#name").val(); &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;email&nbsp;=&nbsp;$("#email").val(); &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;password&nbsp;=&nbsp;$("#password").val(); &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;cpassword&nbsp;=&nbsp;$("#cpassword").val(); &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(name&nbsp;==&nbsp;''&nbsp;||&nbsp;email&nbsp;==&nbsp;''&nbsp;||&nbsp;password&nbsp;==&nbsp;''&nbsp;||&nbsp;cpassword&nbsp;==&nbsp;'')&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert("Please&nbsp;fill&nbsp;all&nbsp;fields...!!!!!!"); &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;if&nbsp;((password.length)&nbsp;<&nbsp;8)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert("Password&nbsp;should&nbsp;at&nbsp;least&nbsp;8&nbsp;character&nbsp;in&nbsp;length...!!!!!!"); &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;if&nbsp;(!(password).match(cpassword))&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert("Your&nbsp;passwords&nbsp;don't&nbsp;match.&nbsp;Try&nbsp;again?"); &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$.post("register.php",&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;name1:&nbsp;name, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;email1:&nbsp;email, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;password1:&nbsp;password&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;function(data)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(data&nbsp;==&nbsp;'You&nbsp;have&nbsp;Successfully&nbsp;Registered.....')&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert("Tu&nbsp;cuenta&nbsp;de&nbsp;usuario&nbsp;ha&nbsp;sido&nbsp;creada"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}); &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;false;&nbsp;&nbsp;//&nbsp;put&nbsp;this&nbsp;it&nbsp;will&nbsp;solve&nbsp;your&nbsp;problem});});