如果变量为空则阻止提交

时间:2019-04-15 02:06:41

标签: javascript php html

如果任何变量为空,我需要阻止在表单上提交。 该表单具有阅读按钮和复选框。没有文字输入。

我尝试以不同的方式定义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”。

如果有任何空值,我需要阻止提交。我正在尝试使用一个值,直到正确为止,然后将其应用于所有表单。

我的函数位于body标签的末尾,我尝试将Onsubmit添加到表单标签,并将onclick添加到Submit输入以触发该功能。 似乎没有任何作用。

1 个答案:

答案 0 :(得分:0)

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 != ""