Javascript js表单提交按钮不工作
下面是代码,不确定我缺少了什么或需要编辑什么。我是JavaScript新手。请帮忙!我尝试添加“onClick”以及最终提交,下面的代码(在较大的代码中标记)是“contact submit”。我买这个网站是为了我的平面设计作品集——我可以在一定程度上阅读编码,但这个网站让我陷入了困境Javascript js表单提交按钮不工作,javascript,button,submit,contact-form,Javascript,Button,Submit,Contact Form,下面是代码,不确定我缺少了什么或需要编辑什么。我是JavaScript新手。请帮忙!我尝试添加“onClick”以及最终提交,下面的代码(在较大的代码中标记)是“contact submit”。我买这个网站是为了我的平面设计作品集——我可以在一定程度上阅读编码,但这个网站让我陷入了困境 $("#submit_btn").click(function(){ var user_name=$('input[name=name]').val(); var user_email
$("#submit_btn").click(function(){
var user_name=$('input[name=name]').val();
var user_email=$('input[name=email]').val();
var user_message=$('textarea[name=message]').val();
var proceed=true;
if(user_name==""){
$('input[name=name]').css('border','2px solid #F54A4B');
proceed=false
}
if(user_email==""){
$('input[name=email]').css('border','2px solid #F54A4B');
proceed=false
}
if(user_message==""){
$('textarea[name=message]').css('border','2px solid #F54A4B');
proceed=false
}
if(proceed){
post_data={'userName':user_name,'userEmail':user_email,'userMessage':user_message};
$.post('php/contact_me.php',
post_data,
function(data){
$("#result").hide().html('<div class="success">'+data+'</div>').fadeIn(700);
$('#contact_form input').val('');
$('#contact_form textarea').val('')}).fail(
function(err){
$("#result").hide().html('<div class="error">'+err.statusText+'</div>').fadeIn(1500)
});
}
});
$("#contact_form input, #contact_form textarea").keyup(function(){
$("#contact_form input, #contact_form textarea").css('border','2px solid #fff');
$("#result").fadeOut(700)
});
$(“#提交_btn”)。单击(函数(){
var user_name=$('input[name=name]')。val();
var user_email=$('input[name=email]')。val();
var user_message=$('textarea[name=message]')。val();
var=true;
如果(用户名==“”){
$('input[name=name]').css('border','2px solid#F54A4B');
继续=错误
}
如果(用户\电子邮件==“”){
$('input[name=email]').css('border','2px solid#F54A4B');
继续=错误
}
如果(用户消息==“”){
$('textarea[name=message]').css('border','2px solid#F54A4B');
继续=错误
}
如果(继续){
post_data={'userName':user_name,'userEmail':user_email,'userMessage':user_message};
$.post('php/contact_me.php',
后期数据,
功能(数据){
$(“#结果”).hide().html(“”+data+“”).fadeIn(700);
$('#联系形式输入').val('');
$('#contact_form textarea').val('')。失败(
功能(err){
$(“#结果”).hide().html(“”+err.statusText+“”).fadeIn(1500)
});
}
});
$(“#联系人表单输入,#联系人表单文本区域”).keyup(函数(){
$(“#contact#u form input,#contact#u form textarea”).css('border','2px solid#fff');
$(“#结果”)。淡出(700)
});
要提交表单,必须使用.submit()
函数。使用
$(“#submit_btn”).submit()提交表单。
请检查一次。您的提交在哪里?不确定您要问什么?这是不变的代码,从来没有正式提交过。这可能是我的问题,哈哈。是的,这就是问题。这就是我放它的地方,当我点击按钮时,它仍然会显示“error”。仍然会出现“error”,这是我插入代码的地方,与上面的代码片段(截图)有关。你必须添加内部onclick函数。好的,我会试试这个。我还为.PHP编码中的联系人表单/按钮编写了代码。这会有更大的区别吗?-把“开”放进去,当点击按钮时,表单不会发生任何变化。