# 表单提交

# 参数说明

参数 说明
type 请求类型,get或post,默认为post
url 后台地址,默认为当前页面
data 提交的数据json格式
successUrl 成功后的回跳地址,请参考 消息框 功能。
callback 成功后的回调地址(后台返回valid为true时),设置callback后successUrl将无效

示例

hdjs.ajax({
	type:'post',
    url:'hdjs.php',
	data: {},
	successUrl: 'back',
	callback: '',
})

# 后台返回格式

<?php
// valid:true时成功 false 为失败
echo json_encode(['code'=>0,'message'=>"操作成功"]);

# GET

<button onclick="get()">GET请求</button>
<script>
    function get() {
        require(['hdjs'], function (hdjs) {
            hdjs.ajax({
                type: 'get',
                data: {id: 22, name: 'hdjs'}
            })
        });
    }
</script>

# POST

<button onclick="post()">POST请求</button>
<script>
function post() {
        require(['hdjs'], function (hdjs) {
            hdjs.ajax({
                data: {id: 22, name: 'hdjs'}
            })
        });
    }
</script>

# 表单提交

属性successUrl回调地址请参考 消息框 功能。

<script>
    require(['hdjs'], function (hdjs) {
        hdjs.submit({
            el:"form",//默认是当前页面的form表单
            //提效地址,不填时使用当前url
            url: 'test/submit.php',
            //提交的数据json格式,不添加时自动提交表单数据
            data: '',
            //操作成功时返回地址,不填写时回调上一页,可以使用refresh(默认),back,留空不操作等
            successUrl: 'refresh',
            //请求结束后执行的回调函数,设置之后 successUrl将无效
            callback:function(response){
            	console.log(response)
            }
        });
    })
</script>

# 前台

<form method="post" action="" onsubmit="post(event);">
	表单等内容...
</form>
<script>
	function post(event) {
		event.preventDefault();
		require(['hdjs'], function (hdjs) {
			hdjs.submit();
		});
	}
</script>

# 后台

<?php
// valid:true时成功 false 为失败
echo json_encode(['code'=>0,'message'=>"操作成功"]);

# 表单验证

表单验证依赖插件 http://www.formvalidator.net/#default-validators_custom

aa

<form action="" method="post" class="form-horizontal" id="registration-form">
    <div class="form-group">
        <label class="col-sm-2 control-label">邮箱</label>
        <div class="col-sm-10">
            <input data-validation="email" data-validation-error-msg="请输入邮箱">
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-2 control-label">帐号</label>
        <div class="col-sm-10">
            <input data-validation="custom" data-validation-regexp="^[a-z]{3,}$" data-validation-error-msg="用户名由3位以上字母构成">
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-10 col-sm-offset-2">
            <button class="btn btn-primary">保存</button>
        </div>
    </div>
</form>
<script>
    require(['hdjs','bootstrap'], function (hdjs) {
        hdjs.validate();
    });
</script>