有勇气的牛排博客
☰

html/jquery 常用的输入与获取参数

有勇气的牛排 1025 前端 2023-05-18 22:28:06
知止自律打卡-微信小程序APP
一款微信自律打卡小程序，支持自定义打卡项目、习惯记录、项目日记、专注计时与数据统计。自律打卡、学习打卡、读书打卡、健身打卡、运动打卡、减肥打卡、戒色打卡、养生打卡、戒烟、戒酒、戒熬夜等多种场景。万能打卡模板自由创建。可自定义每日打卡目标，记录习惯连续天数，可视化追踪成长进度。
了解产品详情 →
微信搜索「知止自律打卡」
知止自律打卡微信小程序

文章目录

1 html 表单组件

1.1 输入框

文本

<input id="nickname" type="text" placeholder="请输入昵称">

密码

<input id="password" type="password" placeholder="请输入密码">

邮箱

<input id="email" type="email" placeholder="请输入邮箱">

1.2 单选框

<input class="sex" checked type="radio" name="sex" value="0"><span class="sexname">男</span>
<input class="sex" type="radio" name="sex" value="1"><span class="sexname">女</span>

2 js获取参数

这里以注册用户常用的字段为例

$(function () {
	
}

$("#submit").click(function () {

}

获取值

let nickname = $("#nickname").val();
let username = $("#username").val();
let psd = $("#password").val();
let c_psd = $("#confirm_password").val();
let email = $("#email").val();
// 单选框 性别
let sex = $("input:radio[name='sex']:checked").val();
let phone = $("#phone").val();

if (uname == '' || psd == '' || c_psd == '' || nickname == '') {
	message.showError("昵称、用户名或密码不能为空！！！");
} else if (psd != c_psd) {
	message.showError("密码不一致！！！");
} else {
	message.showSuccess('注册成功！！！')
	$.ajax({
		url: '/register',
		type: 'POST',
		dataType: 'json',
		data: {
			'nickname': nickname,
			'username': uname,
			'password': psd,
			'confirm_password': c_psd,
			'sex': sex,
			'phone': phone,
			'email': email,
		},
		success: function (res) {
			if (res.data == 200) {
			message.showSuccess('注册成功')
			location.href = '/'
			} else if (res.data == 403){
				message.showError('该账号已注册！！！');
			}else if (res.data == 0){
				message.showError('密码不一致！！！');
			}else{
				message.showError(res.info);
			}
		},
		error: function () {
		message.showError('服务器超时，请重试！');
		}
	});
}

评论区

×
×