问题描述
- 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>
解决方案
正则 onkeydown
解决方案二:
document.getElementById("test").value="无效的用户名";
时间: 2024-08-04 00:53:08