Jquery 如何生成某些必填字段？

因此，我希望我的一些字段是必需的，但在输入标记中添加“required”并没有帮助。正如我搜索过的，我应该使用一个表单标记使其工作，但是如果我将字段放在表单标记中，我的代码就不工作了。我是否可以在不改变整个代码的情况下，使字段成为必需字段

我将只列出我认为与我的问题相关的代码。多谢各位

Html

为了显示“required”消息，您必须执行submit事件。如果将

required

属性添加到元素中，并将按钮

add

更改为：

<button type = "submit" class="button add" name="action" id="action">Add</button>

添加

它应该会起作用

---

快乐编码

谢谢你！它确实显示了“required”消息，但不幸的是它没有显示我新添加的数据。我必须刷新页面才能看到新数据。使用“window.location.reload（true）”和“location.reload（）”对我不起作用。

$(document).ready(function(){
        fetchDocu();                
        function fetchDocu()
        {
            var action = "select";
            $.ajax({
                url: "select.php",
                method: "POST",
                data: {action:action},
                success: function(data){
                    $('#code').val('');  
                    $('#doc_kind').val('');
                    $('#date_submitted').val('');  
                    $('#remarks').val('');  
                    $('#action').text("Add");  
                    $('#result').html(data);
                }
            });
        }
            $('#action').click(function(){  
                var docCode = $('#code').val();  
                var docKind = $('#doc_kind').val(); 
                var dateSubmitted = $('#date_submitted').val();  
                var docRemarks = $('#remarks').val();  
                var docNote = $('#note').val();  
                var id = $('#docu_id').val();    
                var action = $('#action').text();  
                    if(docCode != '' && docKind != '' && dateSubmitted != '')  
                    {  
                        $.ajax({  
                        url : "action.php",  
                        method:"POST",  
                        data:{docCode:docCode, docKind:docKind, dateSubmitted:dateSubmitted, docRemarks:docRemarks, id:id, action:action},  
                        success:function(data){  
                            alert(data);  
                            fetchDocu();  
                        }  
                    });  
                    }  
                    else {

                    }


    });

<button type = "submit" class="button add" name="action" id="action">Add</button>