Gửi Biểu mẫu Không có Javascript

Question

Tôi có biểu mẫu dựa trên javascript để thực hiện tất cả xác thực biểu mẫu phía khách hàng. Các mẫu được gửi qua javascript nếu tất cả các trường được điền một cách chính xác trong như trái ngược với cách sử dụng một tiêu chuẩn nút "submit":

<button name="button" type=button onclick="validateReqFields('mForm', 'username, password, compPassword, firstName, lastName');">Register</button> 

document[formName].submit(); 

Nếu khách hàng có Javascript bị vô hiệu, tất cả các hình thức xác nhận được thực hiện phía máy chủ (của nó thực sự thực hiện lại bất kể nhưng điều đó không quan trọng). Vấn đề nằm ở việc sử dụng nút có loại nút thay vì gửi. Nó hoạt động hoàn hảo với javascript, nhưng làm thế nào để có được xung quanh điều này khi javascript không có sẵn? Nếu tôi sử dụng nút gửi cùng với javascript thì nó sẽ gửi biểu mẫu với mỗi nút nhấn và không hoạt động đúng cách.

Answer 1

Sử dụng nút gửi thay vì nút "nút" và sau đó có hàm trả về false validateReqFields nếu biểu mẫu không hợp lệ.

Sau đó, hãy gửi biểu mẫu từ validateReqFields nếu bạn muốn.

cách

• Nếu hình thức có giá trị này, sau đó vào nút nhấp chuột sẽ bong bóng và hình thức sẽ nộp
• Nếu hình thức không hợp lệ, sau đó javascript sẽ hủy bỏ nút bấm
• Nếu javascript bị tắt, sau đó nó sẽ được gửi đến máy chủ dưới dạng dự phòng

Answer 2

Thay đổi thuộc tính type thành submit.

<button name="button" type="submit" ... /> 

Answer 3

Sử dụng thẻ <noscript></noscript> để xác định nút gửi "bình thường" khi javascript bị tắt.

Answer 4

Bạn có thể sử dụng thẻ <noscript> và đóng gói mã ở trên với loại nút như gửi. Nếu khách hàng có js, mã bên trong noscript sẽ bị bỏ qua.