分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

jquery.form.js 让表单提交更优雅

发布时间:2023-09-06 02:30责任编辑:郭大石关键词:js

jquery.form.js 让表单提交更优雅。可以页面不刷新提交表单,比jQuery的ajax提交要功能强大。
1.引入

<script src="/src/jquery-1.9.1.min.js"></script><script type="text/javascript" src="/src/jquery.form.js"></script>

2.使用

$(function () { ???????var E = window.wangEditor; ???????var content_editor = new E(‘#content_editor‘); ???????content_editor.create(); ???????var content_val = $("#content").val(); ???????// 设置内容 ???????content_editor.txt.html(content_val); ???????var answer_editor = new E(‘#answer_editor‘); ???????answer_editor.create(); ???????var answer_val = $("#answer").val(); ???????// 设置内容 ???????answer_editor.txt.html(answer_val); ???????$("#cancel_btn").on(‘click‘,function () { ???????????window.location.href = ‘index‘; ???????}); ???????// 只是准备工作,需要表单提交才触发 ???????$("#edit_form").ajaxForm({ ???????????dataType: "json", ???????????success : function(res){ ???????????????if(res.errno == 0){ ???????????????????alert(‘已保存‘); ???????????????????window.location.href = ‘index‘; ???????????????}else{ ???????????????????alert(res.errdesc); ???????????????} ???????????????return false; ???????????} ???????}); ???????// 提交按钮点击 ???????$("#edit_btn").on("click", function(){ ???????????// 获取并判断各个值是否填写并正确 ???????????var id ??= $("#id").val(); ???????????var title =$("#title").val(); ???????????// 获取内容 ???????????var content = content_editor.txt.html(); ???????????var answer = answer_editor.txt.html(); ???????????var question_type_id = $("#question_type_id").val(); ???????????if(!title){ ???????????????alert(‘标题不能为空‘); ???????????????return; ???????????} ???????????if (!content && !answer) { ???????????????alert(‘内容和答案不能全为空‘); ???????????????return; ???????????} ???????????if(!question_type_id){ ???????????????alert(‘类型不能为空‘); ???????????????return; ???????????} ???????????// 设置新内容 ???????????$(‘#content‘).val(content); ???????????$(‘#answer‘).val(answer); ???????????// 表单触发submit事件 ???????????$("#edit_form").submit(); ???????????return false; ???????});});

jquery.form.js 让表单提交更优雅

原文地址:https://www.cnblogs.com/wordblog/p/10272398.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved