下面的提示信息的JS怎么做出来啊?求指点JavaScript

解决方案 »

  1.   

    例如淘宝注册页面,查看源代码即可.
      <script type="text/javascript"> window.TRegister = window.TRegister || {}; TRegister.CONSTANTS = {                      ERROR_MISS_NICK_NAME: "请填写会员名",                      ERROR_MISS_PASSWORD: "请填写密码",                      ERROR_MISS_PASSWORD_CONFIRM: "请重新填写一遍密码",                      ERROR_MISS_EMAIL: "请输入电子邮箱",                      ERROR_MALFORM_NICK_NAME_TOO_SHORT: "会员名在5-25个字符内",                      ERROR_MALFORM_NICK_NAME_TOO_LONG: "会员名在5-25个字符内",                      ERROR_DUP_NICK_NAME: "该会员名已被使用。您可以:1、重新输入或选择推荐的会员名。2、使用该会员名<a href='https://login.taobao.com/member/login.jhtml' target='_blank'>登录</a>.",                      ERROR_MALFORM_PASSWORD: "您的密码过于简单,请不要使用纯数字、纯字母或连续相同字符。",                      ERROR_PASSWORD_NOT_MATCH: "登录密码与再次输入密码不一致",                      ERROR_MALFORM_PASSWORD_TOO_SHORT: "密码太短,建议您的密码大于6个字符",                      ERROR_MALFORM_PASSWORD_TOO_LONG: "密码太长,建议您的密码小于16个字符",                      ERROR_MALFORM_EMAIL: "请输入正确格式的邮箱",                      ERROR_MALFORM_EMAIL_TOO_SHORT: "邮件地址太短",                      ERROR_FORBIDDEN_EMAIL: "您输入电子邮箱的邮件服务商不能正常收取淘宝的系统邮件,推荐使用&lt;a href=&#39;http://mail.cn.yahoo.com/&#39; target=&#39;_blank&#39;&gt;雅虎邮箱&lt;/a&gt;",                      ERROR_DUP_EMAIL: "该电子邮箱已注册,请换用其他电子邮箱注册或用该电子邮箱<a href='https://login.taobao.com/member/login.jhtml' target='_blank'>登录</a>",   ERROR_CELLPHONE_OTHERBU_EXISTED:"该手机已经注册过,请换用其他手机号码注册",   JOIN_HAVE_GLOBAL_MEMBER:"该手机已注册过支付宝,请点此<a href='http://www.alipay.com/user/login.htm?from=taobao&src=taobao_register&goto=http%3A%2F%2Fwww.alipay.com%2Fuser%2Ftaobao_trust_login.htm%3Ftarget%3Dhttp%3A%2F%2Fmember1.taobao.com%2Fmember%2Falipay_sign_dispatcher.jhtml' target='_blank'>登录支付宝</a>快速成为淘宝会员。",                   JOIN_LOCAL_EXIST:"该手机号码已注册,请换用其他手机号码注册或用该手机号码<a href='https://login.taobao.com/member/login.jhtml' target='_blank'>登录</a>",               JOIN_HAVE_NOT_GLOBAL_BUT_FAIL:"该手机已注册,请更换为邮箱注册",   JOIN_HAVE_TEMP_MEMBER:"该手机号码已注册,请更换其他手机或使用邮箱注册",   ERROR_MALFORM_MOBILE: "该手机号码不存在",   ERROR_CELLPHONE_WAP_SMS : "该手机号码已使用手机快速注册,您可以继续在页面完成注册流程,或者按照短信提示操作。",   ERROR_CELLPHONE_EXISTED: "该手机号码已注册,请换用其他手机号码注册或用该手机号码<a href='https://login.taobao.com/member/login.jhtml' target='_blank'>登录</a>",   ERROR_CELLPHONE_MEMBER_FANGKE_ERROR: "该手机曾快速购买过商品,可使用手机动态密码<a href='https://login.taobao.com/member/login.jhtml?tag=1' target='_blank'>登录</a>;继续使用该手机注册,原快速购买记录将不可查询。",                      ERROR_CELLPHONE_DIRTY:'该手机号码已注册,建议您即刻<a href="http://110.taobao.com/account/forget_passwd.htm">找回</a>;或<a href="http://login.taobao.com/member/login.jhtml">登录</a>后在“账号管理”解绑该手机后再次注册',   ERROR_UNDERLINE: "&#20250;&#21592;&#21517;&#39318;&#20301;&#21644;&#26411;&#20301;&#19981;&#33021;&#26159;&#19979;&#21010;&#32447;'_'",                      ERROR_MALFORM_NICK_NAME: "会员名不能全为数字,或包含非法字符",                      ERROR_PASSWORD_LIKE_NICK: "您的登录密码与会员名过于相似,为了您的安全建议您更换密码",                      ERROR_BANNED_WORDS: "会员名包含非法字符",                      ERROR_EMAIL_BLACKLIST: "系统调整,暂不接受此网站邮箱注册,请尝试使用其他网站邮箱。"                  }; TRegister.INITDATA={                      userNameValidateUrl: "http://reg.taobao.com/member/check_nick.do?_input_charset=utf-8",                      passwordValidateUrl: "http://reg.taobao.com/member/check_password.do",                      checkCodeUrl: "http://pin.aliyun.com/get_img?identity=member1.taobao.com&amp;sessionid=79bc53d543d8a00ec08276b7458af544",   changeCodeUrl: "http://pin.aliyun.com/get_img?identity=member1.taobao.com&amp;sessionid=79bc53d543d8a00ec08276b7458af544",   audioCodeUrl:"http://pin.aliyun.com/get_audio?identity=member1.taobao.com&amp;sessionid=79bc53d543d8a00ec08276b7458af544" };              </script>
      

  2.   


    用到了事件处理,dom和ajax
    在文本框上绑定事件,当onblur的时候,ajax提交数据,然后返回相应信息,再通过dom显示在下面。
      

  3.   

    例如:
    输入框下有个<div id='hint'></div>然后给输入框绑定事件,当时间发生时,就document.getElementById('hint').innerHTML = '提示信息';
      

  4.   

    点击其他位置,输入框中的内容和提示信息都被消除,这又怎么做呢?
    在给输入框绑定onblur(失去焦点事件)在处理函数中
    document.getElementById('hint').innerHTML = '';即可
      

  5.   

    有插件的啊,直接用!搜索formValidator-4.0.1.min