html 输入框变红色,input输入框输入错误时，点击注册按钮，输入框的边框变成红色，重新输入时，边框颜色恢复原来的，同时错误提示消失？...

若输入框有误，则点击立即注册，输入框的颜色会变成红色，在输入框中输入正确的值的过程中，输入框的边框变成正常的颜色。

用户名

id="form_item_account"

ng-model="account"

name="account"

required

ng-pattern="regularList.account"

ng-class="{'warnning':checkForm.account.$focused,'error':(!isEmpty && checkForm.account.$blured &&

checkForm.account.$error.pattern) || (isEmpty && checkForm.account.$invalid)}"

ng-blur="checkForm.account.$blured = true;checkForm.account.$focused = false;"

ng-focus="checkForm.account.$focused = true;checkForm.account.$blured = false;accountValid()"

autocomplete="off"

支持中文、字母、数字、“-”“_”的组合，4-20个字符

请输入用户名

请输入正确的用户名

立即注册

.controller{

var form_account = $("#form_item_account");

var form_pwd = $("#form_item_password");

function getStringLength(str){

if(!str){

return;

}

var bytesCount = 0;

for(var i=0;i

var c=str.charAt(i);

if(/^[\u0000-\u00ff]&/.test(c)){

bytesCount+=1;

}else{

bytesCount+=2;

}

return bytesCount;

}

function onKeyupHandler(input,msg){

var item = input.parent();

if(!item.hasClass('form_item_error')){

item.addClass('form_item_error');

}

function hideError(input,msg){

var item = input.parent();

item.removeClass('form_item_error');

}

$scope.checkAcount = function(){

var reg = /^[A-Za-z0-9_\-\u4e00-\u9fa5]+$/;

form_account.on('keyup',function(e){

var value = $(this).val();

hideError(form_account);

if(value!='' && !reg.test(value)){

onKeyupHandler(form_account,errormsg)

}

})

}

$scope.confirm = function () {

$scope.accountValid = function(){

if($scope.checkForm.account.$error ){

$('#form_item_account').addClass('form_item_error');

}

求指点？

谢谢

html 输入框变红色,input输入框输入错误时，点击注册按钮，输入框的边框变成红色，重新输入时，边框颜色恢复原来的，同时错误提示消失？...相关推荐

js控制input框输入数字时，累计求和
input框输入数字时,自动开始计算累加 <div class="form-group"> <label for="inputPassword3&quo ...
input标签的值只能两位小数_解决input只能输入金额类型的方案（金额输入框只能输入2位小数）...
欢迎加我技术交流QQ群 :811956471 前言: 最近在用uni-app框架,写一个项目(支付宝和微信小程序)遇到一个需求,要求金额输入框只能输入2位小数,且第一位数不能是 ".&quo ...
input框输入身份证时实现动态脱敏
输入时实现动态脱敏现有一需求在输入框内输入身份证的时候只保留前两位和后两位剩下的用 *代替也就是 12345678910 就会输入时动态呈现为 12********10 思路在input框 ...
【web结课大作业】创建一个注册页面并引用正则表达式，点击注册按钮后可以弹窗显示刚刚注册输入的信息(表单传值)
这个代码有借鉴其它博主的部分,借鉴了别的博主的css样式和框架(嘻嘻算是站在巨人的肩膀上),内容自己改了七七八八.参考博文如下(这个原博文只能实现正则判断,没有表单传值功能): HTML--登录.注册 ...
输入手机号获取验证码的注册页面，说出测试过程
考察的点有两个,一个是对手机号格式和验证码格式的验证,一个是对验证码获取功能的验证. 基本原理:验证码1分钟内只能发一次,有效期10分钟.验证码是后台Java代码生成的,然后验证码生成时间和此验证码会 ...
控制HTML Input只能输入数字和小数点
转:https://www.cnblogs.com/esion/p/3342866.html 本文介绍三种控制在中只允许输入数字和小数点的方案. 方案1:通过JavaScript代码实现. JavaS ...
html 输入框变红色,为什么CAD的动态输入框变成红色？
有网友问了这样一个问题,在画图的时候,输入完参数后回车,输入的方框变成了红色,这是怎么回事啊?如下图所示. 其实这个问题的原因很简单:输入的参数或数字是错误的! 如上面的截图,就是输入一个相对的极坐标 ...
文本输入框input将输入转换为统一大小写
转载地址:http://blog.csdn.net/yieryi_/article/details/52078596 文本输入框input将输入转换为统一大小写,通常有两种方法:JS和CSS方法. 1 ...
html输入框禁止输入汉字,input输入框输入中文时，监听的input事件怎样屏蔽拼音状态...
在input输入框输入中文时,需要即时查询出匹配输入内容的结果,一般我们会使用input事件监听用户输入事件,但是在输入汉语拼音时,也会触发input事件,前端就会不断发送请求,用户体验非常差劲. 针 ...

html 输入框变红色,input输入框输入错误时，点击注册按钮，输入框的边框变成红色，重新输入时，边框颜色恢复原来的，同时错误提示消失？...

html 输入框变红色,input输入框输入错误时，点击注册按钮，输入框的边框变成红色，重新输入时，边框颜色恢复原来的，同时错误提示消失？...相关推荐

最新文章

热门文章

html 输入框变红色,input输入框 输入错误时，点击注册按钮，输入框的边框变成红色，重新输入时，边框颜色恢复原来的，同时错误提示消失？...

html 输入框变红色,input输入框 输入错误时，点击注册按钮，输入框的边框变成红色，重新输入时，边框颜色恢复原来的，同时错误提示消失？...相关推荐

最新文章

热门文章

html 输入框变红色,input输入框输入错误时，点击注册按钮，输入框的边框变成红色，重新输入时，边框颜色恢复原来的，同时错误提示消失？...

html 输入框变红色,input输入框输入错误时，点击注册按钮，输入框的边框变成红色，重新输入时，边框颜色恢复原来的，同时错误提示消失？...相关推荐