如何使用jQuery提交登录表单

How to submit login form using jQuery

本文关键字：登录 表单 提交 jQuery 何使用      更新时间：2023-09-26

我有一个登录表单。当用户按下login时，jQuery会检查字段是否为空。如果它们不是空的，我想把我的表格提交到一个名为login_action.php的页面。我不知道该怎么做。

这是我的JavaScript代码：

<script type='text/javascript'>
$(document).ready(function() {
    $('#login').click(function() {
        if(!$(':text').val()) {
            $('#errors').text('enter a username and password');
        } else {
            // This is where I'd like to redirect
        }
    });
});
</script>

只需提交表单：

$('#yourformsid').submit();

首先应该将属性action='login_action.php'和id='myFormId'设置为表单标记，然后将代码修改为：

     <script type='text/javascript'>
          $(document).ready(function(){
              $('#login').click(function(){
                  if (!$(':text').val()){
                      $('#errors').text('enter a username and password');
                  } else {
                      //this is where i'd like to redirect
                      $("#myFormId").submit();
                  }
              });
          });
     </script>

PS：#login按钮的类型不能是submit，而是button。或者，如果是submit，如果您不想重定向，您应该添加return false;，而return true;会将表单张贴/获取到您在action属性中设置的地址。

window.location = "http://www.google.com/"

点击此处阅读更多信息：http://www.tizag.com/javascriptT/javascriptredirect.php

相关文章：