yinder的gravatar头像
yinder2018-02-06 17:32:45

js怎么写提交表单的方法?

js 文件怎么写提交表单的方法?

所有回答列表(5)
程序猿全敏的gravatar头像
程序猿全敏 LV32月7日

首先要给个from表单,然后提交可以直接从from表单取到每个name里面的值

最代码-泽正的gravatar头像

通过form表单提交或者给form表单一个id然后利用js事件都可以实现。

alnorth0603的gravatar头像
alnorth06032月8日

首先要给个from表单,然后提交可以直接从from表单取到每个name里面的值(input,select,checkbox 等中name的属性就是key,也就是后台对象接受的参数,如果不显示加入type=hidden 进行隐藏,如果不传到把后台  把name去掉即可)

天险无涯的gravatar头像
天险无涯2月8日

首先给from一个id:

    <div id="goalSubarea" style="height:300px;" class="easyui-dialog" 
            data-options="title:'分区经理目标上传',
                        modal:true,
                        buttons:[{
                            text:'确定',
                            iconCls:'icon-ok',
                            handler:function(){subareaFun()}
                        },{
                            text:'取消',
                            iconCls:'icon-no',
                            handler:function(){subareaCancel()}
                        }]">
    <form id="subareaForm" enctype="multipart/form-data" method="post">
            <table class="grid">
                <tr>
                    <td>分区经理目标上传:</td>
                    <td><input id="subareaFile" name="subareaFile" class="easyui-validatebox" data-options="required:true" style="width: 100%;" type="file" onchange="checkFileType(this);" accept=".xls,.xlsx" value="选择文件" /></td>
                </tr>

            </table>
        </form>
        <div style="font-size: 18px;">
        说明:<br>1、若分区经理目标没有变动则不用重新上传;<br>2、重新上传后原有分区经理目标会被覆盖。
        </div>
</div>

然后在JS的写subareaFun()进行表单处理:

    function subareaFun()
    {
        $('#subareaForm').form({
            url : '${ctx}/support/subareaUpload?brand_id='+$("#brand_id").val(),
            onSubmit : function() {
                progressLoad();
                var isValid = $(this).form('validate');
                if (!isValid) {
                    progressClose();
                }
                return isValid;
            },
            success : function(result) {
                progressClose();
                result = $.parseJSON(result);
                parent.$.messager.alert('提示', result.msg, 'info');
                if (result.success) {
                    $('#goalSubarea').dialog('close');
                    $('#subareaForm input').val('');
                    subareaGrid.datagrid('load');
                }
            }
        });
        $('#subareaForm').submit();
    }

 

809204304@qq.com的gravatar头像

表单序列化

<html>

<head>

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("button").click(function(){

var o = {};

x=$("form").serializeArray();

$.each(x, function(i, field){

if (o[this['name']]) {

o[this['name']] = o[this['name']] + "," + this['value'];

} else {

o[this['name']] = this['value'];

}

});

alert(JSON.stringify(o));

});

});

</script>

</head>

<body>

<form action="">

First name: <input type="text" name="FirstName" value="Bill" /><br />

Last name: <input type="text" name="LastName" value="Gates" /><br />

Last name: <input type="text" name="LastName2" value="Gates2" /><br />

Last name: <input type="text" name="LastName3" value="Gates3" /><br />

</form>

 

<button>序列化表单值</button>

<div id="results"></div>

</body>

</html>

顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友