Làm thế nào để kiểm tra xem bất kỳ hộp của tôi là trống hay không trong javascript

Question

Duplicate có thể:
Check if inputs are empty using jQuery

Tôi có hình thức và textbox, làm thế nào tôi sẽ quyết định nếu bất kỳ của các hộp văn bản trống khi sử dụng javascript nếu có câu lệnh khác khi một nút biểu mẫu được nhấp.

function checking() { 
    var textBox = $('input:text').value; 
    if (textBox == "") { 
     $("#error").show('slow'); 
    } 
} 

Cảm ơn bạn trước!

Answer 1

Bằng cách sử dụng bộ chọn jQuery để lựa chọn các yếu tố, bạn có một đối tượng jQuery và bạn nên sử dụng val() phương pháp nhận/thiết lập giá trị của các phần tử đầu vào.

Cũng lưu ý rằng bộ chọn :text là không được dùng nữa và tốt hơn là cắt văn bản để xóa ký tự khoảng trắng. bạn có thể sử dụng chức năng tiện ích $.trim.

function checking() { 
    var textBox = $.trim($('input[type=text]').val()) 
    if (textBox == "") { 
     $("#error").show('slow'); 
    } 
} 

Nếu bạn muốn sử dụng value bất động sản đầu tiên bạn nên chuyển đổi các đối tượng jQuery để một đối tượng DOM thô. Bạn có thể sử dụng phương pháp [index] hoặc get.

var textBox = $('input[type=text]')[0].value; 

Nếu bạn có nhiều đầu vào, bạn nên lặp lại chúng.

function checking() { 
    var empty = 0; 
    $('input[type=text]').each(function(){ 
     if (this.value == "") { 
      empty++; 
      $("#error").show('slow'); 
     } 
    }) 
    alert(empty + ' empty input(s)') 
} 

Answer 2

Bạn không thể sử dụng value với chức năng sử dụng đối tượng jquery val(), nhưng điều này sẽ chỉ kiểm tra hộp văn bản đầu tiên được chọn bởi bộ chọn.

Live Demo

function checking() {  
    var textBox = $('input:text').val(); 
    if (textBox == "") { 
     $("#error").show('slow'); 
    } 
} 

Bạn có thể đính kèm blur sự kiện và làm xác nhận này trên losing focus from each textbox.

Live Demo

$('input:text').blur(function() {  
    var textBox = $('input:text').val(); 
    if (textBox == "") { 
     $("#error").show('slow'); 
    } 
}); 

Validation trên submit button nhấp chuột accordi ng để thảo luận với OP

Live Demo

$('#btnSubmit').click(function() { 
    $("#error").hide();  
    $('input:text').each(function(){ 
     if($(this).val().length == 0) 
      $("#error").show('slow'); 
    }); 
}); 

Answer 3

Hãy thử mã này:

var textBox = $('input:text').val(); 

if (textBox==""){ 
    $("#error").show('slow'); 
}