Xác nhận trống Jquery cho hộp văn bản

Question

Tôi có một hộp văn bản trong biểu mẫu, khi người dùng gửi biểu mẫu, cần kiểm tra xem người dùng đã điền chưa, xác thực khác sẽ có một số ký tự tối thiểu, anh phải điền.

đây là mã của tôi, mà không xác nhận

 

$('.textboxid').bind("submit", function() { 
    if($(this).val() == "") { 
    jQuery.error('Fill this field'); 
    return false; 
    } 
}); 
 

Answer 1

Mã của bạn không xác thực vì bạn đang ràng buộc submit sự kiện trên hộp văn bản. Bạn nên sử dụng các biểu mẫu để làm điều đó.

Ngoài câu trả lời của sudhir, câu trả lời sẽ hoạt động tốt. Để cung cấp một thay thế cho nó. Bạn cũng có thể sử dụng quá trình xác thực regex.

Một ví dụ hay, cũng thêm thông báo lỗi sau hộp văn bản.

$("#yourFormId").submit(function() { 
    var inputVal= $("#yourTextBoxId").val(); 
    var characterReg = /^([a-zA-Z0-9]{1,})$/; 
    if(!characterReg.test(inputVal)) { 
     $("#yourTextBoxId").after('<span class="error">Maximum 8 characters.</span>'); 
    } 
}); 

Answer 2

Hãy thử:

 

$("#yourFormId").submit(function() { 
    var textVal = $("#yourTextBoxId").val(); 
    if(textVal == "") { 
    alert('Fill this field'); 
    return false; 
    } 
}); 

 

Answer 3

Xem liên kết này, bạn sẽ nhận được ý tưởng làm thế nào để làm điều đó ...

http://www.raymondcamden.com/index.cfm/2009/2/10/An-Introduction-to-jQuery-and-Form-Validation-2

Answer 4

$(function() { 

      var textVal = $("#yourTextBoxId").val(); 
      if (textVal == "") { 
       $("#error").fadeIn(500).show(); 

      } }); 

thêm div nơi thông báo lỗi sẽ xuất hiện.

<div id="error">Enter Value...</div>