如何使用jQuery提交登录表单

时间:2011-12-03 01:32:21

标签: javascript jquery redirect

我有一个登录表单。当用户按下登录时,jQuery会检查字段是否为空。如果它们不是空的id,则将我的表单提交到名为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>

3 个答案:

答案 0 :(得分:3)

只需提交表单:

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

答案 1 :(得分:1)

首先,您应该将属性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;它会将表单发布/获取您在{{1}中设置的地址属性。

答案 2 :(得分:0)

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

在这里阅读更多内容: http://www.tizag.com/javascriptT/javascriptredirect.php