需要 HTML 表单的命令不起作用


HTML form required command not working?

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

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

<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

表单的问题不在于你的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/<- 不起作用

未阻止默认操作:http://jsfiddle.net/Daedalus/2FY9g/1/<- 有效

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

function validate username(){

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

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

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

试试这个,添加 runat="server" 来形成......

<form id="form1" runat="server">
<input id="name" required />
<input type="submit" value="Search" />
</form>