Lỗi jQuery gửi mẫu xác nhận

Question

Tôi cần xác thực đầu vào bằng JavaScript và jQuery khi ai đó gửi biểu mẫu bản tin của tôi

vì một số lý do không hoạt động. nó gửi biểu mẫu mà không cảnh báo bất kỳ lỗi nào

Dưới đây là những gì tôi có cho đến nay:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
    <script type="text/javascript"> 

    $(document).ready(function(){ 
    function go() { 
     if($('#name').val() == '') { 
      alert('error: name is required'); 
     } 
     $('form').submit(); 
    } 
    }); 


    </script> 
    </head> 

    <form method="post" action=""> 
    Name *<input type="text" name="name" id="name"/> 
    E-Mail *<input type="text" name="email" id="email"/> 

    <input class="submit" type="submit" value="Submit" name="submit" id="submit" onclick="go();"> 
    </form> 

Tại sao tôi không thấy cảnh báo khi tôi không đặt bất cứ điều gì trong tên và sau đó gửi biểu mẫu?

Answer 1

Thay vì sử dụng onclick trên nút gửi, hãy sử dụng onsubmit="return go(); trên phần tử biểu mẫu. Hoặc, sử dụng jQuery $('form').submit(function(){ ... });

Và sau khi bạn gặp phải lỗi, bạn cần phải return false từ chức năng này để ngăn không cho nó thực hiện thêm nữa.