Javascript 防止使用空白输入和选择提交ajax

我被困在这里：

//Saving Data
    $('#saveButton').click(function(){

        var teamA = $('#teamA').val();
        var teamB = $('#teamB').val();
        var date = $('#date').val();
        var timeOfEvent = $('#timeOfEvent').val();
        var live = "0";
        if($("#live").is(':checked'))
            live = $('#live').val();

        $.ajax({
            url  : "ajax.php",
            type : "POST",
            async: false,
            dataType: "json",
            data :
            {
                'submitAddEvents' : 1,
                'teamA' : teamA,
                'teamB' : teamB,
                'date' : date,
                'timeOfEvent' : timeOfEvent,
                'live' : live,
            },
            success:function(data)
            {

                if(!data.success) {
                    alert(data.message);
                }else{
                    window.location = "addEvents.php";
                }

            }
        });
    });

这就是我已经拥有的。。它是“一切”，但即使在<代码> < <代码> > < <代码> >和>代码>选择< /代码>，当我单击按钮时，它将数据插入数据库，而不阻止空白输入或选择…

我已经做过的 我放了一个

，然后我改变了我的ajax

$('#saveButton').click(function(){

到

---

而且没有起作用。。在这种情况下，它会阻止空输入，但当我填充输入并单击按钮时，什么也不会发生。

您必须选择您的表单，而不是附加提交侦听器的按钮，而不是：

$('#saveButton').submit(function(ev){
ev.preventDefault();

改为：

$('#myform').submit(function(ev){
ev.preventDefault();

---

您必须选择表单，而不是按钮来附加提交侦听器，而不是：

$('#saveButton').submit(function(ev){
ev.preventDefault();

改为：

$('#myform').submit(function(ev){
ev.preventDefault();

---

首先，不要使用

.val（）

对于您拥有的每个输入，您只需使用

var data=$（“#myform”）.serialize（）

并且您将在表单中拥有所有提交的输入，您可以执行

console.log（数据），您将在那里看到结果

另一件事是：如果要验证注册表单提交所需的数据，请不要单击按钮，因此，不要使用
$（“#savebutton”）。单击（function（）{}）在（'submit'，function（）{}）上使用
$（“#myform”）和所有html输入应如下所示：

<input type="text" name="stack" placeholder="Name" required>



它会起作用的。
首先，不要使用
.val（）
对于您拥有的每个输入，您只需使用
var data=$（“#myform”）.serialize（）
并且您将在表单中拥有所有提交的输入，您可以执行
console.log（数据），您将在那里看到结果

另一件事是：如果要验证注册表单提交所需的数据，请不要单击按钮，因此，不要使用
$（“#savebutton”）。单击（function（）{}）在（'submit'，function（）{}）上使用
$（“#myform”）和所有html输入应如下所示：

<input type="text" name="stack" placeholder="Name" required>



它会起作用的