使用jquery验证dropdownlist和textbox,然后请求确认更新数据库 文本编号 挑选 1-1 2-2 你的命令

使用jquery验证dropdownlist和textbox,然后请求确认更新数据库 文本编号 挑选 1-1 2-2 你的命令,jquery,Jquery,这是我的jquery <form action=""> <div> <label><b>Text-Number </b></label> <select id="text-number" value=""

这是我的jquery

            <form action="">
                   <div>
                        <label><b>Text-Number </b></label>
                        <select id="text-number" value="" required >
                           <option value="" selected>Select</option>
                           <option value="1">1- One</option>
                           <option value="2">2- Two</option>
                        </select>
                    </div>

                
                    <div>
                        <label>Your Command</label>
                        <input type="text" name="Command" id="cmd"  value="" required />
                    </div>
               

                    <div>
                        <input type="submit" value="Submit Info" id="infosubmit"/>
                        
                    </div>
            </form>

$(文档).ready(函数(){
$(文档)。在('click','infosubmit',函数(){
如果(确认('你确定吗?'){
var txtnum=$(“#文本编号”).val();
var命令=$(“#cmd”).val();
$(“#信息提交”)[0]。检查有效性(),
$.ajax({
键入:“GET”,
url:“/myapp/update_data/”,
数据类型:“json”,
数据:{
“txtnum”:txtnum,
'cmd':cmd
},
成功:功能(数据){
如果(数据==‘完成’){
$(“#数据表”).show();
}
否则{
}
}
})
}
否则{
$(“#dbtable”).show();
}
});
});
我试图在用户单击infosubmit按钮时实现。文本编号dropdownlist和cmd textbox需要验证。 验证后,应显示“确认”对话框。单击“是”,更新数据库中的数据


$(“#infosubmit”)[0].checkValidity()--此选项有效,但在“确认”对话框后进行验证。

您可能需要编辑您的帖子,以便更清楚地了解您的实际要求。另外,请将您的代码简化为理解当前问题所必需的内容——例如,如果您不询问任何与AJAX相关的问题,那么您最好将该部分省略(请参阅)。顺便说一句:如果你想在请求确认之前验证表单数据,你应该将验证部分移出你的
If
-子句并移到它上面。如果我将验证移到If子句上面,它只执行验证。不更新数据库表。我不知道如何使用这个$(“#infosubmit”)[0]。checkValidity()jquery validity函数位于if子句上方。
<script>
        $(document).ready(function () {
            $(document).on('click', '#infosubmit', function () {
                   if (confirm('Are you sure?')){                   
                   
                   var txtnum= $("#text-number").val();
                   var command= $("#cmd").val();
                   
                    $("#infosubmit")[0].checkValidity(),   
                                    
                   $.ajax({
                        type: 'GET',
                        url: '/myapp/update_data/',
                        dataType: 'json',
                        data: {
                            'txtnum': txtnum,
                            'cmd': cmd
                        },
                        success: function (data) {
                            if (data === 'done') {

                                $("#data_table").show();
                            }
                            else {
                                                                
                            }
                        }
                    })
                }
                     else {
                        $("#dbtable").show();
                                      
                    }
            });
        });
        
</script>