JQUERY判断

Question

jquery如何判断id为result下面的input是否为空啊，为空就将文本框边框变为红色，否则不变，
提交文本框里面的内容到数据库。
<div id="result" style="border: 1px solid red">
        <input type="text" class="input" />
        <input type="text" class="input" />
        <input type="text" class="input" />
        <input type="text" class="input" />
        <input type="text" class="input" />
    </div>
    <div>
        <input id="Button1" type="button" value="button" /></div>

Answer 1

$(':input' , $('#result')).each(function(){
    if($.trim($(this).val())==''){
        //将边框变为红色代码
    }
});

Answer 2

那提交呢，，他会反复提交n次因为each的关系。。

Answer 3

$("#Button1").click(function(){
$("#result input[type=text]").attr("style","");
$("#result input[type=text]").each(function(i){

if ($(this).val() == ""){
$(this).css({'border' : '1px solid red'});
}
})
})

Answer 4

$('#Button1').click(function() {
    var flag = '';
    $.each($('#result').find('input'), function() {
        if($(this).val() == '' || $(this).val() == null) {
            flag = false; 
            return;
        }
    });
    if(flag) {
        var name1 = encodeURI($('#result').find('input').get(0).val());
        var name2 = encodeURI($('#result').find('input').get(1).val());
        var name3 = encodeURI($('#result').find('input').get(2).val());
        var name4 = encodeURI($('#result').find('input').get(3).val());
        var name5 = encodeURI($('#result').find('input').get(4).val());
        $.get("后台页面", {_name1: name1, _name2: name1, _name3: name1, _name4: name1, _name5: name1},
)
    } else {
        $('#result').find('input').css('border', '1px solid #f00');
    }
});

Answer 5

不行啊。    if(flag) 这里是不是有问题。

Answer 6

错了，这样$('#Button1').click(function() {
    var flag = '';
    $.each($('#result').find('input'), function() {
        if($(this).val() == '' || $(this).val() == null) {
            flag = false; 
            return;
        } else {flag = true; }
    });
    if(flag) {
        var name1 = encodeURI($('#result').find('input').get(0).val());
        var name2 = encodeURI($('#result').find('input').get(1).val());
        var name3 = encodeURI($('#result').find('input').get(2).val());
        var name4 = encodeURI($('#result').find('input').get(3).val());
        var name5 = encodeURI($('#result').find('input').get(4).val());
        $.get("后台页面", {_name1: name1, _name2: name1, _name3: name1, _name4: name1, _name5: name1},
)
    } else {
        $('#result').find('input').css('border', '1px solid #f00');
    }
});

Answer 7

$('#Button1').click(function() {
    var flag = '';
    $.each($('#result').find('input'), function() {
        if($(this).val() == '' || $(this).val() == null) {
            flag = false; 
            return;
        } else {flag = true; }
    });
    if(flag) {
        var name1 = encodeURI($('#result').find('input').get(0).value);
        var name2 = encodeURI($('#result').find('input').get(1).value);
        var name3 = encodeURI($('#result').find('input').get(2).value);
        var name4 = encodeURI($('#result').find('input').get(3).value);
        var name5 = encodeURI($('#result').find('input').get(4).value);
        $.get("后台页面", {_name1: name1, _name2: name1, _name3: name1, _name4: name1, _name5: name1},
)
    } else {
        $('#result').find('input').css('border', '1px solid #f00');
    }
});这样试试

Answer 8

$("#result input:empty").css('border', '1px solid #f00');

Answer 9

$(document).ready(function(){   
$("#Button1").click(function(){     
  $("#result input:empty").css('border', '1px solid #f00');
  });
});