Thực hiện một đầu vào un-nhấp được nộp

Question

tôi có đầu vào sau:

<input type="submit" name="next" value="Next"> 

Làm thế nào tôi có thể làm cho mặt hàng này chưa nhấp được qua jQuery? (tức là, nó chỉ có thể được nhấp vào sau khi đáp ứng các tiêu chí xác thực nhất định)?

Đây là một theo dõi cho câu hỏi này: Make a submit clickable after validations are met

Answer 1

2 Demo Demo 1 click here:hayDemo 2 click here:

vì vậy tất cả bạn cần là để kiểm tra xem xác nhận được thực hiện một cách chính xác không.

tức là if (notValid) mâm cặp trong mã bên dưới và điều đó sẽ vô hiệu hóa nút. hoặc tốt hơn nhưng bắt đầu với nút bị vô hiệu hóa next.

Để cho phép bạn có thể đặt thuộc tính là sai, tôi chắc chắn bạn sẽ có ý tưởng hay, nếu không hãy cung cấp thêm mã; Tôi rất vui được giúp bạn thêm. B-)

Hy vọng điều này sẽ hữu ích!

$("#submit").prop('disabled', true);​ 

HOẶC

$("input[type='submit']").prop('disabled', true);​ 

Answer 2

$('input[name="next"]').prop('disabled', true); 

Answer 3

bạn có thể sử dụng:

$("input[type=submit][name='next']").attr("disabled", "disabled"); // unclickable 

$("input[type=submit][name='next']").removeAttr("disabled"); // clickable 

Answer 4

Vô hiệu hóa một yếu tố đầu vào không ổn định ngăn chặn các sự kiện nhấp chuột hoặc tuyên truyền hơn nữa của họ trên các trình duyệt.

Bất kể, việc trả lại false nếu xác thực không thành công, để hành động (tức là gửi biểu mẫu) không được thực hiện. Điều này sẽ ngăn chặn hình thức khỏi bị nộp, và kể từ khi xử lý nhấp chuột vẫn được thực thi bạn sẽ có thể cung cấp chi tiết cho người dùng về việc tại sao việc nộp thất bại:

$("#submit").click(function(){ 
    var isValid = true; 
    /*perform validation checks, changing isValid value to false when needed*/ 
    return isValid; //will return false if validation fails etc. 
});