必填字段javascript

必填字段javascript,javascript,Javascript,我找到了以下代码,用于非刷新表单联系人,我希望所有字段都是必填字段。有人能帮忙吗?我对javascript一无所知。谢谢 $(document).ready(function(){ $( "#submitBtn" ).click(function( event ) { //values var name=document.getElementById('name').value; var email=document.getElementById('email').val

我找到了以下代码,用于非刷新表单联系人,我希望所有字段都是必填字段。有人能帮忙吗?我对javascript一无所知。谢谢

$(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();
});
});
html


您可以在此处使用HTML5验证,必填属性


首先,使用表单的onSubmit事件,而不是onClick上的submit按钮。其次,使用required属性,这样您的输入字段将如下所示:

<input id="name" required>

因此,在发送之前添加验证并确保它们具有值。只需将所需的html属性添加到表单中即可。或者在提交表单之前检查空值。我可以使用HTML required或epascarello,这正是我需要的。@HegedusLotzy做一些研究。。。。哈哈,其实没那么难。对javascript验证的简单搜索将在Google上提供3个教程作为结果。@HegedusLotzy您需要在表单标记中输入标记。@HegedusLotzy您可以共享您的HTML吗?@void,不,这是因为OP在按钮上使用了onclick。请注意我关于使用表单的onSubmit事件的评论。无论所需字段是什么,都将触发onClick事件。
<input id="name" required>