PHP Post on Bootstrap submitHandler

Question

我在网络开发方面很新，我知道这可能听起来像一个非常简单的问题，但我正在尝试在bootstrap模板中添加登录功能。

带有模板的.js验证文本的内容等。我正在尝试在submitHandler中添加一个POST函数。

$(document).ready(function() {		
	$('#login-form').validate({

                focusInvalid: false, 
                ignore: "",
                rules: {
                    txtusername: {
                        minlength: 2,
                        required: true
                    },
                    txtpassword: {
                        required: true,
                    }
                },

                invalidHandler: function (event, validator) {
					//display error alert on form submit    
                },

                errorPlacement: function (label, element) { // render error placement for each input type   
					$('<span class="error"></span>').insertAfter(element).append(label)
                    var parent = $(element).parent('.input-with-icon');
                    parent.removeClass('success-control').addClass('error-control');  
                },

                highlight: function (element) { // hightlight error inputs
					
                },

                unhighlight: function (element) { // revert the change done by hightlight
                    
                },

                success: function (label, element) {
					var parent = $(element).parent('.input-with-icon');
					parent.removeClass('error-control').addClass('success-control'); 
                },
			    submitHandler: function(form) {
						
            var username=$("#txtusername").val();
            var password=$("#txtpassword").val();
            var dataString = 'username='+username+'&password='+password;
            

                $.ajax({
                    type: "POST",
                    url: "login.php",
                    data: dataString,
                    cache: false,
                        success: function(data){
                        if(data) {
                            window.location.href = "index.php";
                        } else {
                            
                            $("#error").html("<span style='color:#cc0000'>Error:</span>                           Invalid username and password. ");
                        }
                    }

                });
            
         
				}
            });	

});

	<?php
if (isset($_POST['submit'])) { // Form has been submitted.
$username = ($_POST['username']));
		$password = ($_POST['password']));
.
.
.
.
.
}
else
{
echo "Doesnt Work";
}

?>

.
.
.

<form id="login-form" class="login-form" action="#" method="post">
		 <div class="row">
		 <div class="form-group col-md-10">
		    <div id="error"></div>
            <label class="form-label">Username</label>
            <div class="controls">
				<div class="input-with-icon  right">                                       
					<i class=""></i>
					<input type="text" name="txtusername" id="txtusername" class="form-control">                                 
				</div>
            </div>
          </div>
          </div>
		  <div class="row">
          <div class="form-group col-md-10">
            <label class="form-label">Password</label>
            <span class="help"></span>
            <div class="controls">
				<div class="input-with-icon  right">                                       
					<i class=""></i>
					<input type="password" name="txtpassword" id="txtpassword" class="form-control">                                 
				</div>
            </div>
          </div>
          </div>
		  
          <div class="row">
            <div class="col-md-10">
              <button class="btn btn-primary btn-cons pull-right" type="submit">Login</button>
            </div>
          </div>
		  </form>

提前致谢！

Answer 1

请检查发送到服务器的documention数据。您可以使用对象发送data。在上面的链接中，有一些示例如何将数据发送到服务器。

var dataString = {username: username, password: password}