Javascript 如何在确认后重置表单
此代码是一个旅行表单,我想在确认后重置所有输入表单(收音机、复选框、文本)。 如何强制用户在提交前填写所有输入字段? 我希望你能帮助我。亲切的问候Javascript 如何在确认后重置表单,javascript,jquery,forms,Javascript,Jquery,Forms,此代码是一个旅行表单,我想在确认后重置所有输入表单(收音机、复选框、文本)。 如何强制用户在提交前填写所有输入字段? 我希望你能帮助我。亲切的问候 $(document).ready(function () { $('#submit').click(function () { var a = $('#first').val(); var b = $('#last').val(); var c = $('#age').val(); var d = $('#male
$(document).ready(function () {
$('#submit').click(function () {
var a = $('#first').val();
var b = $('#last').val();
var c = $('#age').val();
var d = $('#male').val();
var e = $('input[name=radAnswer]:checked').attr('id');
var f = $('input[name=che1]:checked').attr('id');
var z = [];
if ($('#Vegetarian').is(':checked'))
z.push($('#Vegetarian').val());
if ($('#Kosher').is(':checked'))
z.push($('#Kosher').val());
if ($('#Masters').is(':checked'))
z.push($('#Masters').val());
$.confirm({
animation: 'news',
closeAnimation: 'news',
theme: 'supervan',
title: 'Confirm! Are you sure to Continue?',
content: "First name: " + " " +
a + "<br>" + "Last name: " + " " + b + "<br>" + "Age: " +
" " + c + "<br>" + "Gender: " + " " + e + "<br>" + "Traveling to: "
+ " " + f + "<br>" + "Food type: " + " " + z,
buttons: {
confirm: function () {
$.alert('Confirmed!<br><br>Kind Regards.');
},
cancel: function () {
$.alert('You Canceled!!!, Travel to Hell :)');
}
}
});
$(文档).ready(函数(){
$(“#提交”)。单击(函数(){
var a=$('#first').val();
var b=$('#last').val();
var c=$('#age').val();
var d=$('#male').val();
var e=$('input[name=radAnswer]:checked').attr('id');
var f=$('input[name=che1]:checked').attr('id');
var z=[];
如果($(“#素食者”)。是(“:选中”)
z、 推送($(“#素食者”).val();
如果($(“#犹太教”)是(“:选中”)
z、 推送($('#犹太教'.val());
如果($('#Masters')。是(':checked'))
z、 推送($('#Masters').val());
美元。确认({
动画:"新闻",,
closeAnimation:'新闻',
主题:"超级货车",,
标题:“确认!确定要继续吗?”,
内容:“名字:”+“ ”+
a+“
”+”姓氏:“+”+b+”
“+”年龄:“+
“+c+”
“+”性别:“+”+e+”
“+”前往:
+“+f+”
“+”食品类型:“+”+z,
按钮:{
确认:函数(){
$.alert('确认!
亲切问候');
},
取消:函数(){
$.alert('你取消了!!!,去地狱旅行:);
}
}
});
有关重置问题,您可以查看: 太长了,读不下去了,代码> > $(‘YouFuffID’)。触发器(“重置”);<代码> 至于验证,您可以通过在每个输入字段中添加
required
属性来阻止提交表单。例如
。
这取决于HTML中的表单标记。对于文本输入,可以使用
$.val(“”
)。对于复选框和单选按钮,可以使用$.attr(“选中”,false)
您可以将其添加到代码中,以清除输入:
$("input[type='text']").val("");
$("input[type='radio'],input[type='checkbox']").attr("checked", false);
如果将表单与AJAX脚本一起使用,请确保在发送表单后清除输入。要重置表单,请使用$('formElementId').reset()
。
要防止表单提交,请在输入上放置
必需的属性,并使用$('formElementId')。提交(//将处理程序放在此处)
而不是单击(“#第一”).val(“#最后”).val(“#最后”).val(“;$(“#年龄”).val(”);document.getElementById(“男性”).checked=false;document.getElementById(“女性”).checked=false;document.getElementById(“伊斯坦布尔”).checked=false;document.getElementById(“纽约”).checked=false;document.getElementById(“哥斯达黎加”).checked=false;document.getElementById(“素食者”).checked=false;document.getElementById(“犹太”).checked=false;document.getElementById(“大师”).checked=false;非常感谢您的帮助,感谢所有试图帮助我的人。@ahmed.fager您能提供您的HTML代码吗?