Web前端开发 用户登录注册中的一些表单验证

前端开发做好了工资能拿到多少钱?|前端开发标准工资待遇|前端使用那些开发人员工具

注册后设置:
html 代码

//输入框点击失去焦点改变样式
$(‘input’).focus(function() {
$(this).css(‘border’,’1px solid #c00218′)
})
$(‘input’).blur(function() {
$(this).css(‘border’,’1px solid #fff’)
})
// 注册输入昵称提示
$(‘.phoneNumber’).blur(function() {
varphone=$(this).val()
varreg= /^[\u4e00-\u9fa5]{1,6}|[a-zA-Z]{1,12}$/
if (!reg.test(phone)) {
mui.toast(‘请输入昵称’)
$(‘.phoneNumber’).val(”)
}else{
mui.toast(‘昵称输入正确’)
}
})
// 注册密码昵称设置不能为空
$(‘.finish’).click(function() {
varyanz=$(‘.inputCode’).val()
varmim= /^(\w){6,20}$/
if (yanz==”) {
mui.toast(‘密码不能为空’)
}elseif (!mim.test(yanz)) {
mui.toast(‘密码请输入6-20个字母、数字、下划线’)
}else{
//
mui.confirm(‘注册成功’,’提示’,function(){
mui.openWindow(‘LSignIn.html’) //跳转页面
})
}
})

注册发送验证码:
html 代码

//// 输入正确手机号码提示
$(‘.phoneNumber’).blur(function() {
varphone=$(this).val()
varreg= /^1(3[0-9]|4[5-7]|5[0-35-9]|7[0135678]|8[0-9])\d{8}$/
if (!reg.test(phone)) {
mui.toast(‘请输入正确的手机号码’)
$(‘.phoneNumber’).val(”)
}else{
// mui.toast(“手机号输入正确”);
}
})
// 点击注册后提示验证码和手机号码不能为空
$(‘.finish’).click(function() {
varyanz=$(‘.inputCode’).val()
varphone=$(‘.phoneNumber’).val()
if (yanz==”) {
mui.toast(‘验证码不能为空’)
}elseif (phone==”) {
mui.toast(‘手机号码不能为空’)
}elseif (yanz!=yanzhen) {
mui.toast(‘请输入正确验证码’)
}else{
mui.openWindow(‘LCregister.html’)
}
window.sessionStorage.phone = phone
})

密码不能为空
html 代码

// 点击注册后提示密码不能为空
$(‘.finish’).click(function() {
varyanz=$(‘.inputCode’).val()
varmim= /^(\w){6,20}$/
if (yanz==”) {
mui.toast(‘密码不能为空’)
}elseif (!mim.test(yanz)) {
mui.toast(‘密码请输入6-20个字母、数字、下划线’)
}
})

前端开发新手练习代码|前端开发工程师的总结|前端开发好用工具

» 本文来自:前端开发者 » 《Web前端开发 用户登录注册中的一些表单验证》
» 本文链接地址:https://www.rokub.com/4337.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!