jquery插件易居中形式表单提交实例分享

之前用创建交互式、快速动态网页应用的网页开发技术给控制器传递参数，然后再调用服务端的方法对数据库进行更改，今天碰到一个新的方法，就是表单的提交，这样可以省去创建交互式、快速动态网页应用的网页开发技术传参。

当表单提交后，我们可以获取表单上控件中的值，然后再调用服务端的方法对数据库进行更改。下面的一张截图是具体的业务需求。

一、要实现的功能：从上面这个表单中，获取控件中的值，然后传递给后台。下面是表单代码。二、表单代码

div id=' Edtwin ' class=' measuri-window ' title='编辑班级信息style=' width : 400 px heart : autotop :105 px ' data-options=' closed : true，collapsible:false，minimizable:false，maximizable : false ' div style=' margin-top : 30px；边距-底部： 30px边距-左侧： 70px'表单id='EditForm '方法='post '表tr td班级名称：/td输入类=' easy ui-validate box ' type=' text ' id=' edit class name ' name=' class name '数据-选项='必需d : true，valid type :[' maxLength[20]']'//TD/tr TD输入样式=' display 3360 none ' class=' easy ui-textbox ' type=' text ' id=' edit class id ' name=' class id '数据-选项='必选3360 true '//所属机构：/td td输入id=' editor organization id ' class=' easy ui-combobox ' name=组织名称1 '数据-选项='必需： true '/tr TD年级：/td td输入id=' EditGradeID ' class=' easy ui-combobox ' name=' grade name ' data-options='必选： true '/tr tr tr TD备注：/TD文本区类=' measuri-validate box ' id=' NoteId ' name=' Note ' validate type :[' maxLength[50]/文本区/tr/table div style=' margin-top 3360 20px； a class=' measuri-link button ' data-options=' icon cl s 3360 ' icon-ok ' ' style=' margin-left : 10px；onclick='EditsubmitForm()'确定/a a class=' measuri-link button ' data-options=' icon cl s 3360 ' icon-cancel ' ' style=' margin-left : 60px；onclick='EditclearForm()'取消/a /div /form /div /div三、表单提交代码

函数EditsubmitForm() { $('#EditForm ')).表单(' submit '，{ URL : '/basic class/modify cyclassinfo '，onSubmit: function () { //表单提交前的回调函数var isValid=$(this).表单(“验证”)；//验证表单中的一些控件的值是否填写正确，比如某些文本框中的内容必须是数字if(！isValid) { }返回isValid//如果验证不通过，返回错误的终止表单提交}，成功：函数（数据){ //表单提交成功后的回调函数，里面参数数据是我们调用/BasicClass/ModifyClassInfo方法的返回值如果(数据0) { $.messager.show({ title: '提示消息，msg: '提交成功，showType: 'show '，timeout: 1000，style: { right: ' '，bottom : ' ' })；$('#dg ').datagrid(' reload ')；//重新载入当前页面数据$(' # Edtwin ').窗口('关闭');//关闭窗口} else { $.messager.alert('提示信息', '提交失败，请联系管理员!'、"警告");} } });} 四、后台控制器获得表单中的数据

//获取要添加的类的名称string class name=request . form[' class name ']；//获取类id guid classid=new guid(request . params[' class id '])；字符串类注意=请求。表单[' Note ']；刚开始练习的时候，感觉比AJax的参数传输要好得多，因为AJax穿透参数的时候，需要写入每个参数的所有名称，在表单提交的时候，默认会传输表单中的所有内容，这样只要表单中有任何数据，我们就可以在后台获取任何数据。当然这些数据都是提前绑定或者之前填好的。

以上就是本文的全部内容，希望对大家学习jquery编程有所帮助。