Html 必需属性不为';行不通

Html 必需属性不为';行不通,html,forms,required,Html,Forms,Required,required属性在我的表单上不起作用。我做错了什么 以下是我的HTML代码: <form id="main-contact-form" method="POST"> <fieldset class="form-group"> <input id="name" placeholder="Nome" class="form-control" type="text" tabindex="1" required /></fieldset&

required
属性在我的表单上不起作用。我做错了什么

以下是我的HTML代码:

<form id="main-contact-form" method="POST">
    <fieldset class="form-group">
      <input id="name" placeholder="Nome" class="form-control" type="text" tabindex="1" required /></fieldset>
    <fieldset class="form-group">
      <input id="email" placeholder="E-mail" class="form-control" type="email" tabindex="2" required /></fieldset>
    <fieldset class="form-group">
      <input id="phone" placeholder="Numero di telefono" class="form-control" type="tel" tabindex="3" required /></fieldset>
    <fieldset class="form-group">
      <textarea id="message" class="form-control" rows="8" placeholder="Scrivi un messaggio.." tabindex="5" required /></textarea></fieldset>
    <fieldset>
      <button name="submit" class="btn btn-primary" id="submitBtn">Invia Messaggio</button>
    </fieldset>
</form>
<div id="feedback"></div>

因维亚消息
以下是head标记中的php代码:

<script>
$(document).ready(function(){

    $( "#submitBtn" ).click(function( event ) {

        //values
        var name=document.getElementById('name').value;
        var email=document.getElementById('email').value;
        var phone=document.getElementById('phone').value;
        var message=document.getElementById('message').value;
        var dataString = {"name": name, "email":email, "phone": phone, "message":message}

        $.ajax({
            type:"post",
            url:"submitForm.php",
            data: dataString,
            success: function(html) {
                $('#feedback').html(html);
            }
        });
      event.preventDefault();
    });
});
</script>

$(文档).ready(函数(){
$(“#提交”)。单击(函数(事件){
//价值观
var name=document.getElementById('name')。值;
var email=document.getElementById('email')。值;
var phone=document.getElementById('phone')。值;
var message=document.getElementById('message')。值;
var dataString={“name”:name,“email”:email,“phone”:phone,“message”:message}
$.ajax({
类型:“post”,
url:“submitForm.php”,
数据:dataString,
成功:函数(html){
$('#feedback').html(html);
}
});
event.preventDefault();
});
});

我不知道你说的“不工作”是什么意思。。。。。当我单击Invia Messaggio时,它对我有效。它显示msgI不认为这里有任何东西可以阻止该属性工作,尽管不建议仅依赖
required
属性。也许可以尝试显式地将属性设置为
required=“required”
,而不是最小化它。是的,确实如此@GSerg@Ashish451表单工作,但所需消息未显示,并使用空字段处理请求。我不知道“不工作”是什么意思。。。。。当我单击Invia Messaggio时,它对我有效。它显示msgI不认为这里有任何东西可以阻止该属性工作,尽管不建议仅依赖
required
属性。也许可以尝试显式地将属性设置为
required=“required”
,而不是最小化它。是的,确实如此@GSerg@Ashish451表单将工作,但所需消息不会出现,并使用空字段处理请求