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表单将工作,但所需消息不会出现,并使用空字段处理请求