如果textfield为空，则停止提交表单

Question

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

$(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. 您可以在输入标记
中使用必需属性

请参阅链接w3schools以获取示例和详细信息

Answer 2

我认为它只是一个逻辑问题，AJAX调用之前的括号是if语句所引用的括号，因此if块结果为空并且执行了AJAX调用每一次。

Answer 3

在提交之前，您可以使用以下代码检查表格是否有效：

 $(document).ready(function(){
     var form = $("#formid");
     var validationError = $(form).valid();
     if (validationError) {
      // form submit
     }
 });