javascript - 如果文本字段为空，则停止表单提交

Question

当文本字段为空时尝试停止表单提交。但是使用我当前的脚本，即使文本字段为空，您也应该检查数据库，您可以看到新插入的空记录

$(document).ready(function(){

    $("#form1").on('submit',function(event){
        event.preventDefault();

if ($("#username").val() != '') {
    }
        data = $(this).serialize();
        $.ajax({
        type: "POST",
         url: "username.php",
        data: data
        }).success(function() {
        $("input[type=text]").val("");


        });
    });
});

Answer 1

1. HTML5 提供了用于表单元素验证的内置属性
2. 您可以将 required 属性与输入标记一起使用

引用链接w3schools例如和详细信息