关闭

Easyui Form表单提交

4414人阅读 评论(0) 收藏 举报
分类:

1

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index2</title>
    <script src="~/Scripts/jquery-1.8.2.js"></script>
    <script src="~/jquery-easyui/jquery.easyui.min.js"></script>
    <script src="~/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
    <link href="~/jquery-easyui/themes/default/easyui.css" rel="stylesheet" />
    <link href="~/jquery-easyui/themes/icon.css" rel="stylesheet" />
</head>
<body>
    <form id="box" class="easyui-form" method="post"action="123.html">
        <p>用户名:<input type="text" name="userName" id="userName" /></p>
        <p>密  码:<input type="password" name="userPassword" id="userPassword" /></p>
        <p><input type="submit" id="btnSubmit" value="提交"/></p>
    </form>
    <button id="btn">abc</button>
</body>
</html>
<script type="text/javascript">
    $(function () {
        //如果写了这个form 点击提交的时候就不会提交到123.html了。而是提交到这个异步里的url方法中去了
        //$("#box").form({
        //    url: '/Test/CheckLogin', //异步请求

        //    //在提交之前触发,返回false可以终止提交。(param是一个额外数据。)
        //    onSubmit: function (param) {
        //        param.p1 = "123";  //当点击提交的时候,它就会以key 为p1值为123 的方式将数据提交到服务器(当前其他的数据还是照样会提交,只是这个数据是额外的数据而已)
        //        param.p2 = "456";

        //        //return false; //这里可以做表单的验证,如果验证失败,就return false 来终止表单提交
        //    },
        //    success: function (data) {
        //        if (data == 'True') {

        //            //    $.messager.alert('消息','保存成功!');   
        //            //    $('#tab_line').datagrid('reload');   
        //            //    $("#fm_line").form("clear");   
        //            //    top.location.href = "main/main.html"; //转主页面 
        //            //}else{   
        //            //    $.messager.alert('消息','保存失败!');   
        //            //}   

        //        }
        //    }
        //})



        //自动提交方法(刷新一下就会自动将表单提交了,其实我们就当他作为一种提交方式而已)(写法和上面的基本上一行,只是在大括号前面加一个‘submit’)
        //$("#box").form('submit',{
        //    url: '/Test/CheckLogin', //异步请求

        //    //在提交之前触发,返回false可以终止提交。(param是一个额外数据。我也没搞明白怎么用的)
        //    onSubmit: function (param) {
        //        //return false; //这里可以做表单的验证,如果验证失败,就return false 来终止表单提交
        //    },
        //    success: function (data) {

        //        alert(data);
        //    }
        //})

        

        //------------现在来看看方法


        //-----还有一种方式(即服务器返回一组json数据 如服务器返回{"userName":"蜡笔小新"})
        $("#box").form("load", '/Test/LoadData'); //这样效果也是一样的


        //--------Load方法(它是给表单填充数据用的)
        $("#box").form('load', {
            userName: "蜡笔小新",  //这样就给表单赋值了
            userPassword: "123456",

            onBeforeLoad: function () {
                alert("Load之前触发(即数据加载之前触发)")
            },

            onLoadSuccess: function (data) {
                alert("数据加载成功" + data.userName);
            }
        })
    })
</script>

0
0
查看评论

jQuery EasyUI之Form表单提交

Form 表单   用法 1.   id="ff" method="post">   2.      ... ...
  • u013310119
  • u013310119
  • 2016-04-24 22:08
  • 7102

《MVC +EasyUI 》——表单的提交

之前用AJax给Controller传递参数,然后再调用服务端的方法对数据库进行更改,今天碰到一个新的方法,就是表单的提交,这样可以省去AJax穿参。当表单提交后,我们可以获取表单上控件中的值,然后再调用服务端的方法对数据库进行更改。下面的一张截图是具体的业务需求。   &...
  • u013067402
  • u013067402
  • 2016-01-10 22:32
  • 3151

JQueryEasyUI From 提交表单

1,介绍  EasyUI Form 提供了各种方法来操作执行表单字段  如ajax提交   load方法 和 clear方法  在提交表单时  可以调用validata 方法检查表单是否有效        &#...
  • qq_35019337
  • qq_35019337
  • 2017-03-11 14:37
  • 539

jQuery easyui form不能提交

最近在做一个新项目,项目中用到了jQuery easyui,这个前台UI框架真的是很好用。有兴趣的可以参考官方网站,里面的文档中有详细的介绍,直接拷贝文档中的代码就可以使用了。 jQuery easyui今天要记录的问题是,当使用jQuery easyui的form提交时,居然提交不了,切控制台和...
  • moxuelang
  • moxuelang
  • 2017-02-14 00:42
  • 2083

EasyUI Form表单提交

Form(表单) 使用$.fn.form.defaults重写默认值对象 form提供了各种方法来操作执行表单字段,比如:ajax提交, load, clear等等。当提交表单的时候可以调用validate方法检查表单是否有效。   用法 创建一个简单的HTM...
  • yinxiangzhongqing
  • yinxiangzhongqing
  • 2016-12-05 16:07
  • 702

EasyUI提交表单

使用EasyUI提交表单以及对表单数据的处理 1:创建EasyUI页面 2:创建一个HTML的Form表单控件,具体代码如下:     特别注意,这个form需要有ID,以及method="post",别的不需要 3:在javaScript中使...
  • YANFAN0916
  • YANFAN0916
  • 2012-10-17 10:21
  • 5028

easyui之form表单提交

$('#editForm').form('submit', {     url : "${path}/bu/addTApplication",     contentType : &q...
  • qq_27194467
  • qq_27194467
  • 2016-06-07 09:59
  • 1782

easyui使用Ajax提交表单,返回Json数据

在使用Easyui的表单提交的时候,经常需要返回Json 数据,可是有时 返回的是Json字符串,不是Json对象, 字符串中的数据无法读取。         解决这一问题,需要用到Jquery中的Json对象转换方法:$.p...
  • dqsweet
  • dqsweet
  • 2012-03-09 00:36
  • 39062

easyUI带上传的表单提交

jsp页面 表单 播放形式:   轮播     插播 横版图片 竖版图片 背景音...
  • nvxiaq
  • nvxiaq
  • 2017-08-28 11:30
  • 381

jquery插件EasyUI中form表单提交实例分享

之前用AJax给Controller传递参数,然后再调用服务端的方法对数据库进行更改,今天碰到一个新的方法,就是表单的提交,这样可以省去AJax传参。 当表单提交后,我们可以获取表单上控件中的值,然后再调用服务端的方法对数据库进行更改。下面的一张截图是具体的业务需求。 一、要...
  • u011464124
  • u011464124
  • 2017-01-23 09:41
  • 740
    个人资料
    • 访问:906402次
    • 积分:13501
    • 等级:
    • 排名:第1154名
    • 原创:473篇
    • 转载:26篇
    • 译文:2篇
    • 评论:77条
    最新评论