php - HTML 表单所需的命令不起作用？

Question

我试图让我的表格要求在提交表格之前填写某些字段。

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

<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

Answer 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/ <- 有效

Answer 2

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

function validate username(){

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

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

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

Answer 3

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

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

<input id="name" required />

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

</form>