空想神话 2015-08-06 08:50 采纳率: 58.3%
浏览 1654
已采纳

JS:如何使该代码具备提示输入框是否为空，并且还能保证回删时的判断。

 <!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8" />
    <title></title>

</head>
<body>



<input type="text"  name="text" value="" onkeypress="check()" maxlength="12" placeholder="输入任意内容" id="test"/>
<span id="feedback"></span>
<br /><br />

<input type="button"  name="" value="点击弹出加密后的内容" onclick="showhat();"/>

<script type="text/javascript" src="jquery-2.1.1.js"></script>
<script  src="jQuery.md5.js"> </script>
<script type="text/javascript">
    var flag = 1;
    function check(){
        var str = document.getElementById("test").value;
        if(str.length < 5){
            update("至少输入5个字符！");
            flag = 0;
        }else if(str.length > 10){
            update("不能超过10个字符！");
            str = str.substring(0,10);
            document.getElementById("test").value = str.substring(0,10);
            flag = 0;
        }
        else if(str == ""){
            flag = 0;
            update("无效的用户名。")
        }
        else{
            flag = 1;
            update("有效的用户名。");
        }
    }
    function update(word){
        document.getElementById("feedback").innerHTML = word;
    }
    function showhat(){
        if(flag == 1) {
            var youtype = $("#test").val();
            alert($.md5(youtype));
        }
        else
        {
            document.getElementById("feedback").innerHTML = "请重新输入";
        }
    }
    </script>
    </body>
</html>
  • 写回答

2条回答 默认 最新

  • beaconD 2015-08-06 10:19
    关注

    正则 onkeydown

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

悬赏问题

  • ¥15 聚类分析或者python进行数据分析
  • ¥15 逻辑谓词和消解原理的运用
  • ¥15 三菱伺服电机按启动按钮有使能但不动作
  • ¥15 js，页面2返回页面1时定位进入的设备
  • ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
  • ¥15 （希望可以解决问题）ma和mb文件无法正常打开，打开后是空白，但是有正常内存占用，但可以在打开Maya应用程序后打开场景ma和mb格式。
  • ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝
  • ¥20 腾讯企业邮箱邮件可以恢复么
  • ¥15 有人知道怎么将自己的迁移策略布到edgecloudsim上使用吗？
  • ¥15 错误 LNK2001 无法解析的外部符号