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

安德烈

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

注册表格

问题是,当用户没有或忘记填写性别时,它只会提交表单而不会出错,即使我在 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="[email protected]" 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>

B.德赛

你需要放弃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="[email protected]" 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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

表单永远不会在symfony2中提交

来自分类Dev

表单值不会在提交时重置

来自分类Dev

jQuery,提交不会在表单上取消

来自分类Dev

PHP表单不会在Bootstrap页面中提交?

来自分类Dev

为什么这个表单不会在 Laravel 中提交?

来自分类Dev

C# 标签不会在表单中移动

来自分类Dev

在注册表单上,表单字段不会在提交时自动保存在浏览器中。(ReactJs)

来自分类Dev

用JavaScript和PHP在Bootstrap中制作的模态表单不会在提交时发送电子邮件

来自分类Dev

PUT表单不会在Symfony 2中更新

来自分类Dev

带有文件上传的提交表单不会在post变量中发送提交

来自分类Dev

由于某些原因,标签不会在CSS中旋转

来自分类Dev

Symfony 模板不会在 EasyAdmin 中呈现标签

来自分类Dev

从库中选择的图像不会在ImageView中设置

来自分类Dev

fullcalendar不会在未选择的jqxtab中呈现

来自分类Dev

选择查询不会在 codeigniter 中给出结果?

来自分类Dev

为什么preventDefault()不会在此表单提交时停止重定向?

来自分类Dev

提交后,ajax不会在js表单下返回控件

来自分类Dev

提交表单后,网页 UI 不会在刷新时更新

来自分类Dev

组件不会在表单提交时重新呈现。它仅在整页刷新时重新呈现

来自分类Dev

将红宝石嵌入到HAML中,而不会在“标签”旁/前添加“标签”

来自分类Dev

带有标签的超链接不会在新标签页中打开

来自分类Dev

为什么还原的提交不会在新的PR中显示?

来自分类Dev

具有初始数据的docker postgres不会在提交中持久存在

来自分类Dev

为什么还原的提交不会在新的PR中显示?

来自分类Dev

从堆栈中读取元素,而不会在Javascript中丢失它们

来自分类Dev

如何确保用户不会在Angular的表单中插入随机空格或重复的字母?

来自分类Dev

jquery 不会在用 CSS 隐藏的表单中更改输入 val

来自分类Dev

Xamarin 表单:ListView 项不会在 UWP 中第二次触发

来自分类Dev

tr元素上的ui-sref将不会在新标签页中打开

Related 相关文章

  1. 1

    表单永远不会在symfony2中提交

  2. 2

    表单值不会在提交时重置

  3. 3

    jQuery,提交不会在表单上取消

  4. 4

    PHP表单不会在Bootstrap页面中提交?

  5. 5

    为什么这个表单不会在 Laravel 中提交?

  6. 6

    C# 标签不会在表单中移动

  7. 7

    在注册表单上,表单字段不会在提交时自动保存在浏览器中。(ReactJs)

  8. 8

    用JavaScript和PHP在Bootstrap中制作的模态表单不会在提交时发送电子邮件

  9. 9

    PUT表单不会在Symfony 2中更新

  10. 10

    带有文件上传的提交表单不会在post变量中发送提交

  11. 11

    由于某些原因,标签不会在CSS中旋转

  12. 12

    Symfony 模板不会在 EasyAdmin 中呈现标签

  13. 13

    从库中选择的图像不会在ImageView中设置

  14. 14

    fullcalendar不会在未选择的jqxtab中呈现

  15. 15

    选择查询不会在 codeigniter 中给出结果?

  16. 16

    为什么preventDefault()不会在此表单提交时停止重定向?

  17. 17

    提交后,ajax不会在js表单下返回控件

  18. 18

    提交表单后,网页 UI 不会在刷新时更新

  19. 19

    组件不会在表单提交时重新呈现。它仅在整页刷新时重新呈现

  20. 20

    将红宝石嵌入到HAML中,而不会在“标签”旁/前添加“标签”

  21. 21

    带有标签的超链接不会在新标签页中打开

  22. 22

    为什么还原的提交不会在新的PR中显示?

  23. 23

    具有初始数据的docker postgres不会在提交中持久存在

  24. 24

    为什么还原的提交不会在新的PR中显示?

  25. 25

    从堆栈中读取元素,而不会在Javascript中丢失它们

  26. 26

    如何确保用户不会在Angular的表单中插入随机空格或重复的字母?

  27. 27

    jquery 不会在用 CSS 隐藏的表单中更改输入 val

  28. 28

    Xamarin 表单:ListView 项不会在 UWP 中第二次触发

  29. 29

    tr元素上的ui-sref将不会在新标签页中打开

热门标签

归档