javascript - 如果变量为空，则阻止提交

Question

如果任何变量为空，我需要防止在表单上提交。表单有 readio 按钮和复选框。没有文字输入。

我试图以不同的方式定义一个 empty() 函数。一种方法是

<script type="text/javascript">
function empty(){
var x
x = document.GetElementsByName("ojos").value;
if (x == ""){
alert("please answer the question");
return false;
};
}
</script>

---

在我添加的表单标签上 < ...... Onsubmit="empty()" />

另一种方法是

<script type="text/javascript">
function empty(){
var empt = document.forms["form1"]["ojos"].value;
if (empt == "")
{
alert("Please answer the question");
return false;
}

</script>

最后一次尝试是这样的：

$("form#form1").submit(function(empty) {
    empty.preventDefault();

    var ojos     = $('#ojos').val();
    var pelo    = $('#pelo').val();
    var piel     = $('#piel').val();
    var comoda     = $('#comoda').val();



    if(ojos && pelo && piel && comoda){
        $.ajax({
            type: "POST",
            url: "update-2.php",
            data: "ojos="+ ojos +"& pelo="+ pelo +"& piel="+ piel +"& comoda="+ comoda,
            success: function(){
                $('form#form1').hide(function(){$('div.success').fadeIn();});

            }
        });
     }
     return false; 
});

这里我尝试使用该功能同时检查4个值（这个我不清楚，我只是在网上看到并尝试了一下，所以它可能完全错误）

结果总是一样的，表单由我的 update-2.php 文件提交和处理。如果任何变量为空，它将在我的数据库中将其更新为空值或“null”。

如果有任何空值，我需要阻止提交。我试图用一个值来做，直到我做对了，然后把它应用到所有的表单上。

我的功能在我的正文标签的末尾，我尝试将 Onsubmit 添加到表单标签并将 onclick 添加到提交输入以触发该功能。似乎没有任何效果。

标签： javascriptphphtml

Answer 1

if(ojos != "" && pelo != "" && piel != "" && comoda != ""){
        $.ajax({
            type: "POST",
            url: "update-2.php",
            data: "ojos="+ ojos +"& pelo="+ pelo +"& piel="+ piel +"& comoda="+ comoda,
            success: function(){
                $('form#form1').hide(function(){$('div.success').fadeIn();});

            }
        });
     }
else{
alert("Please Fill")
return false;

}

试试看val != ""