HTML 表单所需的命令不起作用？答案

【问题标题】：HTML form required command not working?HTML 表单所需的命令不起作用？
【发布时间】：2013-09-05 00:24:43
【问题描述】：

我正在尝试让我的表单要求在提交表单之前填写某些字段。

我搜索了一下，发现命令应该是这个简单的命令

<input type="text" name="name" id="name" placeholder="Name" required />

但由于某种原因，即使指定的字段未完成，它也会在我的表单上提交它。

我什至尝试在 Dreamweaver 中创建一个全新的文件，其中包含一个新表单，其中只有一个必需的输入项和提交按钮，并在不同的浏览器中尝试过，但它在 Chrome 或 Safari 中不起作用。我完全从我在这里找到的 YouTube 视频中复制了它，没有运气http://www.youtube.com/watch?v=M73FroYgkt0

这是我的网站，您可以检查代码。表格在底部。

http://www.YourFlyersDelivered.com

【问题讨论】：

你在什么浏览器上测试这个？他们的版本。
看看这个：wufoo.com/html5/attributes/09-required.html

标签： php html forms required

【解决方案1】：

您的表单的问题不是您的 html，而是您的 javascript。

在 config.js 的第 33 行，您有以下行：

jQuery('form .form-button-submit').click(function(e) { e.preventDefault(); jQuery(this).closest('form').submit(); });

这一行阻止了提交按钮的默认操作，绕过了输入元素上的 required 属性，并提交了表单。如果您删除此行，我相信它会起作用.. 示例：

您当前的表单提交方法：http://jsfiddle.net/Daedalus/2FY9g/

没有阻止默认操作：http://jsfiddle.net/Daedalus/2FY9g/1/

【讨论】：

@GregJeffries 如果此答案或任何其他答案有效，请考虑通过单击您希望接受的答案旁边的勾勒勾号来接受它。

【解决方案2】：

我会使用 js 来验证条目一个简单的 validate.js 文件，其中包含以下内容：

function validate username(){

var user = document.getElementsByName("username")[0];

if(user.value == "") return false; }

对格式感到抱歉..我是这个论坛的新手，但仍然习惯它:)

【讨论】：

【解决方案3】：

试试这个，将 runat="server" 添加到表单中......

<form id="form1" runat="server">

<input id="name" required />

<input type="submit" value="Search" />

</form>

【讨论】：