我正在尝试让我的表单要求在提交表单之前填写某些字段。
我搜索了一下,发现命令应该是这个简单的命令
<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>