登录表单验证javascript-值在$\u POST中不存在

我正在尝试使用id的用户名和初始密码验证表单：HTML部分如下所示：

<form name="myform" action="includes/logincontrol.php" method="POST" onsubmit="return validateForm()">

                                                <div class="form-group"> <!-- User ID Field -->
                                                    <label id="user_name_error" >User ID:</label>
                                                    <input class="form-control"  id="username" type="text" onfocusout ="validateUserName()"/>
                                                </div>
                                                <div class="form-group"> <!-- Password Field -->
                                                    <label id="password_error">Password: </label>
                                                    <input class="form-control"  id="initial_password" type="password" onfocusout ="validatePassword()"/>

                                                </div>

                                                <div class="form-group"> <!-- Register -->
                                                    <p id="submit-error"></p>
                                                    <hr/>
                                                    <button class="btn btn-primary" id="login" type="submit">Login</button>
                                                    <input class="btn btn-danger" type="reset" value="Reset" onClick="clearfunc()"/>
                                                    <hr/>
                                                    <button type="button" class="btn btn-success" onclick="window.location.href = 'register_user.php'">Register</button>  
                                                    <button type="button" class="btn btn-warning" onclick="window.location.href = 'changepw.php'">Change Password</button> 
                                                </div>
                                            </form>

---

我无法获取$\u POST数组中的元素。请帮助

您必须在输入处输入名称，才能使用

$\u POST

访问它们

<input name="usernameInput" class="form-control"  id="username" type="text" onfocusout ="validateUserName()"/>

<?php 
  $username = $_POST['usernameInput'];
?>

---

欢迎来到StackOverflow。请参阅和。表单中的

输入

元素没有名称，这就是它们不会在POST中提交的原因。您需要像这样使用

名称

属性：

<input name="usernameInput" class="form-control"  id="username" type="text" onfocusout ="validateUserName()"/>

<?php 
  $username = $_POST['usernameInput'];
?>

if (isset($_POST['submitButton']) {
   $username = $_POST['usernameInput'];
   #..etc
}