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(); });

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

您当前的表单提交方法：http://jsfiddle.net/Daedalus/2FY9g/＆lt; - 无法正常工作

未阻止默认操作：http://jsfiddle.net/Daedalus/2FY9g/1/＆lt; - works

Answer 2

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

function validate username(){

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

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

抱歉格式化..我是这个论坛的新手并且仍然习惯了它：）

Answer 3

试试这个，添加runat =＆＃34; server＆＃34;形成......

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

<input id="name" required />

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

</form>

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

3 个答案: