Question

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

class App extends Component {
constructor(props) {
super(props)
this.state = {
    isOpen: false,
    dataType: ''
}
this.changeSearchState = this.changeSearchState.bind(this);
}
changeSearchState = (dataType) => {
 this.setState({
  dataType: dataType
 });
}
...

HTML

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

Answer 1

您可以在此处使用HTML5验证，required属性。

＆＃13;

<form>
  <input type="text" required>
  <input type="submit">
</form>

＆＃13;

您需要使用submit事件而不是click。

例如，如果这是您的HTML：

<form id="contact">
    ...

然后你应该附上

$("#contact").on("submit", function(){

    // Make AJAX Call here

});

Answer 2

首先，使用表单onSubmit事件，而不是onClick上的提交按钮。其次，使用required属性，因此您的输入字段将如下所示：

<input id="name" required>

必填字段javascript

2 个答案: