在html中错误(请填写此字段)消息

时间:2015-03-15 13:18:54

标签: html forms required

我的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

1 个答案:

答案 0 :(得分:2)

关闭表单标记<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