html 中的错误（请填写此字段）消息

Question

我的 HTML 页面中有几个单独的表格，每个表格都有几个 required inputs

当我在第一个表格中填写所有输入并且我想提交第一个表格时页面提醒我 Please fill out this field 在第二个表格输入中，虽然我只想提交第一个表格，但我没有'不想填写第二张表格！这是一个简单的例子：如果您只想填写第一个表格并提交 send1 页面警报，您也必须填写第二个表格输入！

<form action='' method='POST'>
            title1 : <input name='title1'  type='text' required  > <br>
            content1 : <input name='content1'  type='text' required  ><br>
            <input name='send1' type='submit'  value='send1' >
<form>  
<br>
<form action='' method='POST'>
            title2: <input name='title2'  type='text' required  > <br>
            content2 : <input name='content2 '  type='text' required  ><br>
            <input name='send2' type='submit'  value='send2' >
<form>

这是fiddle

为了解决这个问题，第一个想法是我使用 jQuery 但我认为还有其他一些简单的方法 jquery :

$("otherinputs").prop('required', false);

我不想用 jquery

Answer 1

关闭表单标签 <form></form> 解决问题：

<form action='' method='POST'>
            title1 : <input name='title1'  type='text' required  > <br>
            content1 : <input name='content1'  type='text' required  ><br>
            <input name='send1' type='submit'  value='send1' >
</form>  
<br>
<form action='' method='POST'>
            title2: <input name='title2'  type='text' required  > <br>
            content2 : <input name='content2 '  type='text' required  ><br>
            <input name='send2' type='submit'  value='send2' >
</form>

JSFIDDLE

html 中的错误（请填写此字段）消息

wrong (Please fill out this field ) message in html

html

forms

required