Question

我有一个页面，用户可以在其中注册如下所示的帐户：

问题是，当用户没有或忘记填写性别时，即使我在select标签上有必需的功能，它也只是提交表单而没有错误。这只是我遇到问题的性别问题。所需功能适用于其他领域。

这是我的表格：

<div class="main">
  <div class="one">
    <div class="register">
      <center><h3>Add Account</h3></center>
      <form name="reg" action="code_exec.php" onsubmit="return validateForm()" method="post">
		<div>
          <label>ID</label>
          <input type="text" name="id" required>
        </div>
		<div>
          <label>First Name</label>
          <input type="text" name="firstname" required>
        </div>
		<div>
          <label>Last Name</label>
          <input type="text" name="lastname" required>
        </div>
        <div>
          <label>Email</label>
          <input type="text" name="email" placeholder="user@teamspan.com" required>
        </div>
        <div>
          <label>Username</label>
          <input type="text" name="username" required>
        </div>
        <div>
          <label>Password</label>
          <input type="password" name="password" required>
        </div>
		<div>
          <label>Street Address</label>
          <input type="text" name="street" required>
        </div>
		<div>
          <label>Town/Suburb</label>
          <input type="text" name="town" required>
        </div>
		<div>
          <label>City</label>
          <input type="text" name="city" required>
        </div>
		<div>
          <label>Phone No.</label>
          <input type="text" name="phone">
        </div>
		<div>
          <label>Landline No.</label>
          <input type="text" name="landline">
        </div>
		<div>
          <label>Gender</label>
			<select name="gender" required>
				<option disabled selected hidden>Select Gender</option>
				<option value="Male">Male</option>
				<option value="Female">Female</option>
			</select>
        </div>
		<div>
          <label>User Levels</label>
			<select name="user_levels" required>
				<option disabled selected hidden>Select Access Level</option>
				<option value="0">Employee</option>
				<option value="1">Administrator</option>
				<option value="2">Manager</option>
				<option value="1">HR</option>
			</select>
        </div>
		<div>
          <label>Date</label>
          <input type="text" readonly="readonly" name="date" value="<?php echo date("Y/m/d");?>" required>
        </div>
		<div>
          <label>Sick Leave</label>
          <input type="text" name="sickleave" required>
        </div>
		<div>
          <label>Vacation Leave</label>
          <input type="text" name="vacationleave" required>
        </div>
		<div>
          <label>Picture (Link)</label>
          <input type="text" name="picture" value="img/emp/" required>
        </div>
        <div>
          <label></label>
		  <input type="submit" name="submit" value="Add Account" class="button" style="color: white;" />
		  <a href="hr_panel.php"><input type="button" value="Back" class="button" style="color: white;" />
        </div>
      </form>
    </div>
  </div>

Answer 1

您需要在第一个选项value=""上提供Select Gender。<div class="main"> <div class="one"> <div class="register"> <center><h3>Add Account</h3></center> <form name="reg" action="code_exec.php" onsubmit="return validateForm()" method="post"> <div> <label>ID</label> <input type="text" name="id" required> </div> <div> <label>First Name</label> <input type="text" name="firstname" required> </div> <div> <label>Last Name</label> <input type="text" name="lastname" required> </div> <div> <label>Email</label> <input type="text" name="email" placeholder="user@teamspan.com" required> </div> <div> <label>Username</label> <input type="text" name="username" required> </div> <div> <label>Password</label> <input type="password" name="password" required> </div> <div> <label>Street Address</label> <input type="text" name="street" required> </div> <div> <label>Town/Suburb</label> <input type="text" name="town" required> </div> <div> <label>City</label> <input type="text" name="city" required> </div> <div> <label>Phone No.</label> <input type="text" name="phone"> </div> <div> <label>Landline No.</label> <input type="text" name="landline"> </div> <div> <label>Gender</label> <select name="gender" required> <option disabled selected value="">Select Gender</option> <option value="Male">Male</option> <option value="Female">Female</option> </select> </div> <div> <label>User Levels</label> <select name="user_levels" required> <option disabled selected hidden>Select Access Level</option> <option value="0">Employee</option> <option value="1">Administrator</option> <option value="2">Manager</option> <option value="1">HR</option> </select> </div> <div> <label>Date</label> <input type="text" readonly="readonly" name="date" value="<?php echo date("Y/m/d");?>" required> </div> <div> <label>Sick Leave</label> <input type="text" name="sickleave" required> </div> <div> <label>Vacation Leave</label> <input type="text" name="vacationleave" required> </div> <div> <label>Picture (Link)</label> <input type="text" name="picture" value="img/emp/" required> </div> <div> <label></label> <input type="submit" name="submit" value="Add Account" class="button" style="color: white;" /> <a href="hr_panel.php"><input type="button" value="Back" class="button" style="color: white;" /> </div> </form> </div> </div>。请尝试以下代码

{{1}}

Answer 2

因为你没有将value=""放在Option

中

试试这个

<option value="" disable hidden>Select Gender</option>

表单提交不会在select标签中读取

2 个答案: