jQuery EasyUI API 中文文档 - 表单（form）

最新推荐文章于 2022-09-06 23:23:52 发布

淘气宝宝

最新推荐文章于 2022-09-06 23:23:52 发布

阅读量1.7k

点赞数

分类专栏： jquery 文章标签： jquery-easyui框架 jquery-easyui表单 form的属性 form的事件 form的方法

本文链接：https://blog.csdn.net/maildocgaojingru/article/details/11472449

版权

jquery 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<html>
<head>
    <script src="jquery-easyui/jquery.min.js"></script>
    <script src="jquery-easyui/jquery.easyui.min.js"></script>
    <script src="jquery-easyui/easyloader.js"></script>
    <script src="jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
    <link rel="stylesheet" type="text/css" href="jquery-easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui/themes/icon.css" />
</head>
<body>
    <form method="post" id="ff">
        <input type="text" name="username"/>
        <input type="text" name="password"/>
        <input type="button" id="tijiao" value="提交"/>
        <input type="button" id="qing" value="清空"/>
    </form>
</body>
<script>
//普通方法提交
$("#tijiao").click(function (){
    $("#ff").form('submit',{
        url:'aa.php',
        onSubmit:function(){
            alert('123');
        },
        success:function (data){
            alert('456');
        }
    })
});

$("#qing").click(function (){
    $("#ff").form('clear');
})

/*$("#ff").form({
    url:'aa.php',
    onSubmit:function (){
        alert('123');
        //return false;
    },
    success:function (data){
        alert(data);
    },

})
$("#tijiao").click(function (){
$('#ff').submit();  
});
*/

    
/*form的属性
url：表单提交的目标网址。

form的事件
onSubmit：在表单提交之前触发，返回false将阻止表单提交。
success：当表单成功提交时触发。
onBeforeLoad：在发送载入远程数据请求之前触发，返回false将取消请求。
onLoadSuccess：在表单数据被载入时触发。
onLoadError：在载入表单数据发生错误时触发。

form的方法
submit：执行表单提交，options参数是一个包含以下属性的对象：
        url：表单提交的目标网址
        onSubmit：在表单提交之前执行的回调函数
        success: 在表单成功提交后执行的回调函数
clear：清除表单数据
*/


    
</script>
</html>