js信息输错后输入框后提示红字代码如何编写

Posted 2023-05-17

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<script>标签，输入js代码：

error();

function error()

$('input').after('<span style="color:red">用户名不存在</span>');

3、浏览器运行index.html页面，此时输入框后面会显示出红色错误提示。

参考技术A 一楼回答不是很全面，补充一下：
var textboxstr=document.getElementById("textbox_id").value;//获得输入框的文本值
document.getElementById("label_id").innerHTML=“<font color='red'>提示内容</font>”//设置红色提示内容
上面只是显示红色，你还要在自己的javascript脚本中，编写判断的逻辑，然后根据需要，如按TAB键，或者输入框焦点转移的事件触发你的判断逻辑，从而使文本框显示红色 参考技术B var textboxstr=document.getElementById("textbox_id").value;//获得输入框的文本值
document.getElementById("label_id").innerHTML=“<font color='red'>提示内容</font>”//设置红色提示内容
自己在输入框旁边加个label用来存放提示。至于这个输错是什么情况就看你自己要做什么了,获得了输入框的文本值你自己判断不难。本回答被提问者采纳 参考技术C 这个用jquery极为方便，尤其是输入框比较多的时候
在表单里这样写
<input type="text" name="myname" id="myid" class="mycheck" preg="正则表达式" /><span id="myid_msg" style="display:none;color:#ff0000;">提示内容</span>

在JS里这样
$('.mycheck').blur(function()
var preg = new Regexp();
var msgid = '';
msgid = $(this).attr('id');
msgid += '_msg';
preg = $(this).attr('preg');
if (preg.match($(this.val())))
$(msgid).hide();
else
$(msgid).show();


); 参考技术D //不用在输入框后加任何东东的方法,比楼上的方法要省事.可以在输入框失去焦点时触发,检查输入值

var v="<font color='red'>提示值</font>";
var id=getElementById("input_id"); //获得输入框id
var ele=id.parentNode.childNodes;
for(var i=0;i<ele.length;i++)if(ele[i].nodeName.toUpperCase()=="SPAN"&&ele2[i].id=="")
ele[i].innerHTML=v;return
var ele2=document.createElement"span");
ele2.innerHTML=v;ele2.style.paddingLeft="6px";
id.parentNode.appendChild(ele2);

登录接口，猜年龄

编写登陆接口
基础需求：
1.    让用户输入用户名密码
2.  认证成功后显示欢迎信息
3.    输错三次后退出程序
升级需求：
4.    可以支持多个用户登录 (提示，通过列表存多个账户信息)
5.    用户3次认证失败后，退出程序，再次启动程序尝试登录时，还是锁定状态（提示:需把用户锁定的状态存到文件里）

#!/usr/bin/env python
# -*- coding:utf-8 -*-  
# by wk

‘‘‘
说明：
如果登录用户在用户列表里，每个用户只有3次登录机会，失败后锁定账户，下次启动账户提示账户被锁定
如果登录用户不在用户列表里，提示用户不存在,并且尝试3次登录，如果失败退出程序
‘‘‘

import sys

def checklock(username):
    with open("loginnum.txt", ‘r‘) as lock_t:
        for line in lock_t.readlines():
            if len(line) == 0:
                continue
            if username == line.strip():
                print("login fail too much! User locked")
                # sys.exit()
                return ‘lock‘


def userlock(username):
    f = open("loginnum.txt", ‘a‘)
    f.write(username + ‘\n‘)
    f.close()


def userlogin(userinfo):
    count = 3                    #计数器
    flag = ‘success‘             #标记登录状态
    userid = 0                   #标记用户编号
    while True:
        # if userinfo[userid][‘login_fail‘] != 0:
        username = input(‘please enter your name: ‘)
        password = input(‘please enter your password: ‘)
        if checklock(username) == ‘lock‘:
            continue
        for i,user in enumerate(userinfo):
            if user[‘username‘] == username and user[‘password‘] == password:
                flag = ‘success‘
                break
            elif user[‘username‘] == username and user[‘password‘] != password:
                flag = ‘fail‘
                userid = int(i)
                break
            else:
               flag = ‘nouser‘
        if flag == ‘success‘:
            print(‘login successful, welcome!‘)
            break
        elif flag == ‘fail‘:
            # count -= 1
            print(‘who ‘, userinfo[userid])
            failnum = int(userinfo[userid][‘login_fail‘])             #统计登录失败次数
            failnum -= 1
            if userinfo[userid][‘login_fail‘] == 1:
                print(‘your account lock‘)
                userlock(userinfo[userid][‘username‘])
                sys.exit()
            else:
                userinfo[userid][‘login_fail‘] = failnum
                print(‘login fail, you have %s choice‘ % (failnum))
        else:
            count -= 1
            if count == 0:
                print(‘you login too much time‘)
                sys.exit()
            print(‘Sorry no user, you have %s choice‘ % (count))
        # else:
        #     break

if __name__ == ‘__main__‘:
    userinfo = [
        {‘username‘:‘eric‘, ‘password‘:‘123456‘, ‘login_fail‘:‘3‘},
        {‘username‘:‘tom‘, ‘password‘:‘123456‘, ‘login_fail‘:‘3‘},
        {‘username‘:‘jerry‘, ‘password‘:‘123456‘, ‘login_fail‘:‘3‘},
    ]
    # password = [‘123456‘,‘123456‘,‘123456‘]
    userlogin(userinfo)

 

猜年龄游戏升级版
要求：
1.    允许用户最多尝试3次
2.    每尝试3次后，如果还没猜对，就问用户是否还想继续玩，如果回答Y或y, 就继续让其猜3次，以此往复，如果回答N或n，就退出程序
3.    如何猜对了，就直接退出

#!/usr/bin/env python
# -*- coding:utf-8 -*-  
# by wk

‘‘‘
说明：
1. 允许用户最多尝试3次
2. 每尝试3次后，如果还没猜对，就问用户是否还想继续玩，如果回答Y或y, 就继续让其猜3次，以此往复，如果回答N或n，就退出程序
3. 如何猜对了，就直接退出

‘‘‘

def guessage(my_age):
    flag = ‘‘
    while True:
        count = 3
        for i in range(3):                  #循环3次
            try:
                age = int(input(‘please enter age: ‘))
                if age > my_age:
                    count -= 1              #统计输错次数
                    print(‘you guess too big, you have %s chance‘ %count)
                    if i == 2:              #猜错3次后询问还继续猜不
                        # print(‘you have no chioce‘)
                        flag = input(‘Do you want try again Y/N ? ‘)
                elif age < my_age:
                    count -= 1              #统计输错次数
                    print(‘you guess too smaill, you have %s chance‘ %count)
                    if i == 2:              #猜错3次后询问还继续猜不
                        # print(‘you have no chioce‘)
                        flag = input(‘Do you want try again Y/N ? ‘)
                else:
                    print(‘you guess it !‘)      #猜对了退出
                    flag = ‘N‘
                    break;
            except:                         #如果输入的不是数字，提示请输入数字
                count -= 1
                print(‘please enter number, you have %s chance‘ %count)
        if flag == ‘Y‘ or flag == ‘y‘:
            continue
        elif flag == ‘N‘ or flag == ‘n‘:
            break
        else:
            print(‘Wrong choice !!!‘)       #如果输入的不是Y,y,N,n,直接退出
            break

if __name__ == ‘__main__‘:
    my_age = 32
    guessage(my_age)