2016-01-27 23 views
8

Tôi biết rằng sự kiện onsubmit xảy ra khi một biểu mẫu được gửi.Ý nghĩa của onsubmit = "return false" là gì? (JavaScript, jQuery)

Nói chung những gì chúng ta làm được, chúng tôi đang kêu gọi một phương pháp về sự kiện onsubmit như <form action="" onsubmit="myfunction()">

Hôm nay tôi thấy điều này, "<form action="" onsubmit="return false">". Làm thế nào nó hoạt động? Tôi không thể hiểu ý nghĩa của onsubmit="return false" là gì.

PS: Tôi đã tìm thấy điều này khi tôi học Ajax. Đó là một hướng dẫn giải thích cách gửi dữ liệu đến cơ sở dữ liệu mà không cần làm mới trang.

+2

'return false' hủy bỏ tác vụ gửi mặc định (dừng gửi biểu mẫu). – Satpal

+0

Nó có nghĩa là 'Không làm gì'. Trả lại luồng điều khiển .. – Rayon

+0

Điều đó có nghĩa là không làm gì khi gửi. – RK12

Trả lời

16

Điều này về cơ bản được thực hiện để xử lý thủ công việc gửi biểu mẫu.

Ví dụ - cho mục đích xác nhận Xem bên dưới mã và xem làm thế nào nó có thể có lợi:

<SCRIPT LANGUAGE="JavaScript"> 
myFunctionName() { 
    if (document.myForm.myText.value == '') 
     return false; 
     //when it return false - your form will not submit and will not redirect too 
    else 
     return true; 
    //when it return true- your form will submit and will redirect 
// (actually its a part of submit) id you have mentioned in action 
} 
</SCRIPT> 

<FORM NAME="myForm" onSubmit="return myFunctionName()"> 
<INPUT TYPE="TEXT" NAME="myText"> 
<INPUT TYPE="SUBMIT" VALUE="Click Me"> 
</FORM> 
+1

Bạn có thể giải thích cho tôi điều gì xảy ra nếu nó trả về đúng không? Điều gì xảy ra nếu nó trả về sai? – Sasa1234

+1

@ Sasa1234 tôi đã chỉnh sửa mã trên và tôi đã giải thích trong phần bình luận. "khi nó' trả về false' - biểu mẫu của bạn sẽ không gửi và sẽ không chuyển hướng và nếu nó trả về true - biểu mẫu của bạn sẽ gửi và sẽ chuyển hướng (thực sự là một phần của nó) id bạn đã đề cập trong hành động "Định dạng –

0

Nếu bạn đang sử dụng nút thay vì nộp như trong trường hợp của tôi dưới đây.

<FORM NAME="myForm" onSubmit="myFunctionName(); return false"> 
    <INPUT TYPE="TEXT" NAME="myText"> 
    <INPUT TYPE="button" VALUE="Click Me" onclick="myFunctionName()"> 
</FORM> 
+0

câu trả lời của bạn – Billa