具有可能空白输入字段的条件函数

时间:2014-03-04 21:20:36

标签: jquery

在一个页面上有4个可能的输入值从前一页到达(页面可以作为多步骤表单的第2步),我试图写入jquery以便:IF字段值到空,或者没有字段是在那里,什么都不做,else触发一个功能。没有问题与else和函数部分,但我不知道如何做第一部分:在Jquery中写或定义“空”(""?)或“不存在”(undefined? ),并不确定如何告诉它“什么都不做”({}?)。

这是我最好的尝试:

$(document).ready(function(){

var val1Get = $("#val1Pass").val();
var val2Get = $("#val2Pass").val();
var val3Get = $("#val3Pass").val();
var val4Get = $("#val4Pass").val();

if(val1Get + val2Get + val3Get + val4Get) == (' "" || undefined ') {}
else { 
$("#wrapper").prepend('<div id="mssg11"><div id="bnnr"><h3>Welcome</h3></div></div>');
});

2 个答案:

答案 0 :(得分:2)

你为什么不从不同的角度看待它...... 并且只有在值不为空的情况下才会执行操作,这样您就不需要其他...而且您的问题的一半都会从板上掉下来。 至于检查值是null还是空,请看这个 jQuery: checking if the value of a field is null (empty)

如果你想把它包装成功能,这取决于你。

答案 1 :(得分:1)

您可以将所有值附加在一起,然后检查长度。当你可以检查长度是否大于0然后在你的div前面时,不需要为空代码块做空。

$(document).ready(function(){
    var val1Get = $("#val1Pass").val();
    var val2Get = $("#val2Pass").val();
    var val3Get = $("#val3Pass").val();
    var val4Get = $("#val4Pass").val();

    if((val1Get.trim() + val2Get.trim() + val3Get.trim() + val4Get.trim()).length > 0)
        $("#wrapper").prepend('<div id="mssg11"><div id="bnnr"><h3>Welcome</h3></div></div>');
});