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

文章目录

1 html 表单组件
- 1.1 输入框
- 1.2 单选框
2 js获取参数

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('服务器超时，请重试！');}});
}

html/jquery 常用的输入与获取参数相关推荐

.net前台ajax,asp.net利用Ajax和Jquery在前台向后台传参数并返回值
1----------前台首先需要 Jquer的包下面是 $(function () { $('#txtUserName').blur(function () { var username = $ ...
sys python3 常用_python之sys模块【获取参数】
python之sys模块[获取参数] 发布时间:2019-06-13 16:19, 浏览次数:303 , 标签: python sys <>sys模块:system指的是解释器(os指的是 ...
jquery常用功能
http://www.phpweblog.net/jig68/archive/2010/06/22/7274.html Jquery功能函数整理分享如果你正在学习jQuery,也许这些资料对你会有 ...
精心收集的jQuery常用的插件1000
花N长时间积累的Jquery插件,希望大家喜欢.大家还有什么新的插件,请留言,我们一并收录. 感谢大家的支持. 1.accordion类基于jQuery开发,非常简单的水平方向折叠控件. Horiz ...
jquery常用的插件1000收集
花N长时间积累的Jquery插件,希望大家喜欢.大家还有什么新的插件,请留言,我们一并收录. 感谢大家的支持. 1.accordion类基于jQuery开发,非常简单的水平方向折叠控件. Horiz ...
jQuery常用插件（如何调用jQuery插件学习第一天）
插件是以jQuery的核心代码为基础,编写出符合一定规范的应用程序,并将程序进行打包,调用时,仅需要包含该打包后的JS文件即可.如需要使用表单插件,按下列步骤就可实现插件的调用: (1)在页面中导入包 ...
jquery常用技巧及常用方法列表
jquery常用技巧及常用方法列表 1.关于页面元素的引用通过jquery的$()引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquer ...
23、jQuery九类选择器/jQuery常用Method-API/jQuery常用Event-API
1)掌握jQuery九类选择器及应用 2)掌握jQuery常用Method-API 3)掌握jQuery常用Event-API 一)jQuery九类选择器[参见jQueryAPI.chm手册] 目 ...
jquery 常用选择器和方法以及遍历（超详细）
jQuery 常用选择器和和方法学习总结一.JQuery 介绍 1. 什么是 jQuery 2. jQuery 版本介绍 3. jQuery 文件介绍二.jQuery 对象 1. jQuery ...

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

文章目录

1 html 表单组件

1.1 输入框

1.2 单选框

2 js获取参数

html/jquery 常用的输入与获取参数相关推荐

最新文章

热门文章