Request.Form的简单使用demo

本文介绍了一个简单的ASP.NET应用程序示例,演示了如何从前台页面通过JavaScript函数将值传递给后台C#代码进行处理,并展示如何在服务器端接收并使用这些值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我用这个是用来前台向后台传参数用的,democlass


首先前台需要添加的就是一个JS函数和一个隐藏域,我通过函数把 前台的某个值传送给后台,然后做处理

前台 aspx 页面

 <script type="text/javascript" language="javascript">

        function testhid() {
            ocx = document.getElementById("Usb_Key");
            document.getElementById("hidnumber").value = ocx.SerialNumber;
        }
       </script>


<asp:HiddenField ID="hidnumber" runat="server" />

可以添加一个按钮和一个文本框做测试,如下,通过Request.Form 来获取 form表单提交的 Input 控件的值


后台,cs代码:

protected void Page_Load(object sender, EventArgs e)
        {
            btnhid.Attributes.Add("onclick", "return testhid();");
        }


 protected void btnhid_Click(object sender, EventArgs e)
        {
            Random d = new Random();
            int i=d.Next(0,100);
            string number = string.Empty;
            number = Request.Form["hidnumber"].ToString();
            this.Text1.Value = i.ToString() + "--,--" + number;
         
        }


<el-form :rules="formRules" :model="pageModel.form" label-width="120px" size="small" class="el-form-container "> <el-form-item label="姓名" prop="policeName" class="content"> <el-input v-model.trim="pageModel.form.policeName" :disabled="pageModel.pageInfo.formConfig.type == '2' " @compositionstart="isComposing = true" @compositionend="handleCompositionEnd" /> </el-form-item> <el-form-item label="性别" prop="sex" class="content" v-if="pageModel.pageInfo.environmentShow === true"> <el-select v-model="pageModel.form.sex" placeholder="请选择" style="width: 100%" :disabled="pageModel.pageInfo.formConfig.type == '2' "> <el-option v-for="(item, index) in pageModel.pageInfo .sexType" :key="index" :label="item.dictLabel" :value="item.dictValue"> </el-option> </el-select> </el-form-item> <el-form-item label="身份证号" prop="idCard" class="content" v-if="pageModel.pageInfo.environmentShow === true"> <el-input v-model="pageModel.form.idCard" :disabled="pageModel.pageInfo.formConfig.type == '2' " /> </el-form-item> <el-form-item label="所属单位" prop="deptId" class="content"> <el-cascader :options="pageModel.listDept" v-model="pageModel.form.deptId" :props="{ children: 'children', label: 'deptName', value: 'deptId', checkStrictly: true, }" style="width: 100%" @change="changeHandel" :disabled="pageModel.pageInfo.formConfig.type == '2' " clearable /> </el-form-item> <el-form-item label="警号" prop="policeCode" class="content"> <el-input v-model="pageModel.form.policeCode" :disabled="pageModel.pageInfo.formConfig.type == '2' " onkeyup="this.value=this.value.replace(/[^\w_]/g,'')" /> </el-form-item> <el-form-item label="警种" prop="policeType" class="content"> <el-input v-model="pageModel.form.policeType" :disabled="pageModel.pageInfo.formConfig.type == '2' " /> </el-form-item> <el-form-item label="接入方式" prop="pattern" class="content"> <el-select v-model="pageModel.form.pattern" placeholder="请选择" style="width: 100%" :disabled="pageModel.pageInfo.formConfig.type == '2' "> <el-option v-for="(item, index) in pageModel.pageInfo .type" :key="index" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> <el-form-item label="单位信息" prop="shortName" class="content"> <el-input v-model="pageModel.form.shortName" :disabled="pageModel.pageInfo.formConfig.type == '2' " /> </el-form-item> <el-form-item label="职务" prop="post" class="content" v-if="pageModel.pageInfo.environmentShow === true"> <el-input v-model="pageModel.form.post" :disabled="pageModel.pageInfo.formConfig.type == '2' " /> </el-form-item> <el-form-item label="手机号" prop="phone" class="content" v-if="pageModel.pageInfo.environmentShow === true"> <el-input v-model="pageModel.form.phone" :disabled="pageModel.pageInfo.formConfig.type == '2' " /> </el-form-item> <el-form-item label="邮箱" prop="email" class="content" v-if="pageModel.pageInfo.environmentShow === true"> <el-input v-model="pageModel.form.email" :disabled="pageModel.pageInfo.formConfig.type == '2' " /> </el-form-item> <el-form-item label="头像" prop="userPic" class="content flex-container" v-if="pageModel.pageInfo.environmentShow === true"> <img class="tx" v-if="pageModel.pageInfo.formConfig.type == '2'" :src="pageModel.form.userPic" alt="" /> <el-upload class="upload-demo" action="" v-else v-model="pageModel.form.userPic" :http-request="uploadActionHandle" :before-upload="beforeAvatarUpload" :before-remove="beforeDeleteImage" :on-remove="deleteImageHandel" :file-list="pageModel.pageInfo.imageList" list-type="picture"> <el-button size="small" type="primary">点击上传 </el-button> </el-upload> </el-form-item> <el-form-item label="备注" prop="remark" class="content flex-container" v-if="pageModel.pageInfo.environmentShow === true"> <el-input v-model="pageModel.form.remark" :disabled="pageModel.pageInfo.formConfig.type == '2' " type="textarea" :rows="3" /> </el-form-item>/** createBy: muyufei time: 2023-10-16 10:20:03 des: 提交form校验规则 */ export const formRules = { policeName: [ {required: true, message: '姓名不能为空', trigger: 'blur'} ], policeCode: [ {required: true, message: '警号不能为空', trigger: 'blur'} ], deptId: [ {required: true, message: '所属单位不能为空', trigger: 'change'} ] }
最新发布
07-29
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值