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