php - 单击提交按钮后如何在 jquery 中显示错误

Question

我的问题是，点击提交按钮后，页面将以任何方式转到 php 文件，我的 html 代码是这样的

<form action="register.php" method="post">
    <input type="text" name="name" id="name"><div id="adiv"></div>
    <input type="submit" value="submit" id="button">
</form>

我的 jquery 代码是这样的

$('#name').focusout(function(){
    if($('#name').val().length==0){ 
        $('#adiv').html("please enter name")
    }
});
$('#button').click(function(){
    if($('#name').val().length==0){
        $('#adiv').html("please enter your name")
    }
});

但在点击提交按钮后，它会重定向到 php 文件并且不会显示任何错误并将空白数据存储在数据库中。

Answer 1

因为您的输入类型是提交，您可以将类型更改为按钮或添加event.preventDefault()以避免自动传递形式

使用event.preventDefault()

$('#button').click(function(e) {
    e.preventDefault();//this will stop form auto submit thus showing your error
    if ($('#name').val().length == 0) {
        $('#adiv').html("please enter your name")
    }
});

或者

<input type="submit" value="submit" id="button">

改为

<input type="button" value="submit" id="button">//also prevent form auto submit thus will show the error