您的位置：首页 > Web前端

Jq form表单提交验证与响应简单示例

2017-04-24 10:15 567 查看 
<!DOCTYPE html>
<html>

<head>
<title>表单提交验证与响应</title>
</head>

<body>
<form method="post" onsubmit="return verification()">
<input name="name" id='name' type='text' placeholder='姓名(必填)' />
<input name="content" id='content' type='text' placeholder='内容(必填)' />
<input type='submit' value='提交' />
</form>

<script>
function verification() {
if($('#reqName').val() == '') {
alert('姓名不能为空!');
return false;
}
if($('#reqContent').val() == '') {
alert('内容不能为空!');
return false;
}
$.ajax({
url: "{:create_addon_url('deal')}",
type: 'post',
dataType: 'json',
data: {
'name': $('#reqName').val(),
'email': $('#reqEmail').val(),
'contact': $('#reqPhone').val(),
'content': $('#reqContent').val()
},
success: function(data) {
alert("提交成功，" + data.info);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert("发生错误，" + textStatus);
}
});
return true;
}
</script>
</body>

</html>

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                web前端
                                                表单
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航