如何解决无法使用“必需”属性验证输入
我有一个 HTML 表单,它由几个 div 组成,每个 div 内都有标签和输入。 因此,对于姓名和电子邮件输入,我想添加“必需”属性。但是当我设置它然后提交表单时,我立即开始运行表单操作,即使我的输入是空的。所以这是我第一次遇到这样的麻烦。这也是我第一次将 div 放入表单中,但它似乎无论如何都应该工作。 所以你可以在下面看到我的代码:
<section>
<form id="feedback_form" method="POST" action="{% url 'feedback' %}">
<div class="field half first">
<label for="name">Name*</label>
<input type="text" name="name" id="name" required/>
</div>
<div class="field half">
<label for="email">Email*</label>
<input type="email" name="email" id="email" required/>
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="5"></textarea>
</div>
<button class="button submit" type="submit">Send</button>
</form>
</section>
解决方法
所以我解决了这个问题。这是页面上一些隐式javascript代码的问题(我通常使用后端,所以以前没有自己制作这个页面)。 所以在 .js 文件中,我发现了不允许以标准方式提交表单的脚本部分。
$('form').on('click','.submit',function(event) {
event.stopPropagation();
event.preventDefault();
$(this).parents('form').submit();
});
所以我的建议是:如果你使用别人编写的代码,如果你无法解决一些隐含的任务,多做一些研究并检查几次文件。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。