js实现点击输入用户名或密码的文本框在旁边弹出提示语 用js和ajax实现在点击一个选项,弹出框要求输入用户名和密...
\u5728\u6587\u672c\u6846\u4e2d\u8f93\u5165\u7528\u6237\u540d\u65f6\u600e\u6837\u7528JavaScript\u5b9e\u73b0\u5728\u6587\u672c\u6846\u65c1\u8fb9\u51fa\u73b0\u63d0\u793a\u884c\u8bed\u53e5\u5728\u6587\u672c\u6846\u8fb9\u4e0a\u52a0\u4e2a javascript\u4e2d document.getElementById(\u201cid\u201d).innerHTML="\u5408\u6cd5\u540d\u5b57";
ajax\u9a8c\u8bc1\u5457\uff0c\u5931\u53bb\u7126\u70b9\u4e8b\u4ef6\uff0c\u7136\u540e\u8fdb\u884c\u6b63\u5219\u5339\u914d\u8f93\u5165\u7684\u662f\u5426\u7b26\u5408\u539f\u6709\u89c4\u5219\uff0c\u5339\u914d\u5b8c\u6210\u5c31\u53d1\u9001ajax\uff0c\u67e5\u8be2\u6570\u636e\u5e93\u770b\u662f\u5426\u6b63\u786e\uff0c\u6b63\u786e\u5c31\u8fd4\u56de\u76f8\u5e94\u7684\u503c\uff0c\u8fdb\u884c\u5904\u7406\u3002\u9519\u8bef\u5c31\u9a8c\u8bc1\u5931\u8d25
你可以使用formValidator.js,专门做表单验证的,效果如下:
用法很简单,引用formValidator.js的核心类库,然后初始化$.formValidator.initConfig({formid: "main",debug:false,submitOnce : true});
然后对要做校验的文本框编写校验代码
$("#employeeNo").formValidator({onshow : "输入范围为1到10个字符",
onfocus : "输入范围为1到10个字符",oncorrect : " "}).inputValidator({
min: 1, max: 10, empty:{leftempty:false,rightempty:false,emptyerror:"该字段左右不允许出现空格"}, onerror : "输入范围为1到10个字符"});
$("#employeeName").formValidator({onshow : "输入范围为1到40个字符",
onfocus : "输入范围为1到40个字符",oncorrect : " "}).inputValidator({
min: 1, max: 40, empty:{leftempty:false,rightempty:false,emptyerror:"该字段左右不允许出现空格"}, onerror : "输入范围为1到40个字符"});
在后面对应的<div id="employeeNoTip"></div>显示提示语
formValidator.js这个网上有很多实例和教程,很简单的
这是没问题 纯友情展示贴吗?
绛旓細鐢ㄦ硶寰堢畝鍗曪紝寮曠敤formValidator.js鐨鏍稿績绫诲簱锛岀劧鍚庡垵濮嬪寲$.formValidator.initConfig({formid: "main",debug:false,submitOnce : true});鐒跺悗瀵硅鍋氭牎楠岀殑鏂囨湰妗嗙紪鍐欐牎楠屼唬鐮 ("#employeeNo").formValidator({onshow : "杈撳叆鑼冨洿涓1鍒10涓瓧绗", onfocus : "杈撳叆鑼冨洿涓1鍒10涓瓧绗",oncorrect ...
绛旓細var name=document.getElementById("username");var pwd=document.getElementById("usepwd");/*鎸夐挳鐐瑰嚮浜嬩欢*/ if(name.value!=admin && ped.value!=123456){ alert("鐢ㄦ埛鍚嶆垨鑰呭瘑鐮閿欒");}else{ alert("鐢ㄦ埛鐧婚檰鎴愬姛");} ---绾墜鎵擄紝鏈涢噰绾 ...
绛旓細鐢ㄧ函js瀹炵幇鐐瑰嚮鈥滆浣鐢ㄦ埛鍚鈥濇寜閽紝鍒锋柊涔嬪悗鐢ㄦ埛鍚嶄緷鏃у湪椤甸潰鐨勬晥鏋滄柟娉曞涓嬶細1.鐧诲綍鎴愬姛涔嬪悗锛屾妸鐧诲綍淇℃伅鍔犲瘑鍚庝繚瀛樺湪cookie閲岄潰銆2.鐒跺悗寤轰竴涓猨s鏂囦欢锛屽湪杩欎釜鏂囦欢閲岄潰鍋氱敤鎴锋槸鍚﹀凡鐧诲綍鐨勫垽鏂紒濡傛灉鐧诲綍浜嗗氨鐩存帴鏄剧ず璇ラ〉闈紝濡傛灉娌$櫥褰曪紝灏辫烦杞洖鐧诲綍椤甸潰銆3.杩欎釜js鏂囦欢鍦ㄧ櫥褰曞悗鎵嶈兘鐪嬪埌鐨勯〉闈㈤兘鍋氬紩鐢ㄣ
绛旓細鍋囪鐢ㄦ埛鍚嶈緭鍏妗嗙殑id涓衡渦sername鈥濓紝瀵嗙爜杈撳叆妗嗙殑id涓衡password鈥濓紝楠岃瘉鐮佽緭鍏ユ鐨刬d涓衡渧erify鈥濓紝鐧诲綍鎸夐挳鐨刬d涓衡渓ogin鈥濓紝鍙互浣跨敤浠ヤ笅浠g爜瀹炵幇锛歚`` javascriptconst usernameInput = document.getElementById(\"username\"); // 鑾峰彇鐢ㄦ埛鍚嶈緭鍏ユconst passwordInput = document.getElementById(\...
绛旓細璁╁畠璺宠浆銆傚姞涓 function chklogin(){ if(document.form1.admin_name.value.length<2){ alert("鐢ㄦ埛鍚涓嶈兘涓虹┖");document.form1.admin_name.focus();return false;} if(document.form1.pwd.value.length<2){ alert("瀵嗙爜涓嶈兘涓虹┖");document.form1.pwd.focus();return false;} } ...
绛旓細濡傚浘鎵绀烘搷浣滀唬鐮佸嵆鍙細鐧诲綍椤甸潰瀹炵幇璁颁綇鐢ㄦ埛鍚嶅拰瀵嗙爜鍔熻兘鐨勬柟娉曪細1銆佷娇鐢╟ookie鐨勬柟娉曞皢鐢ㄦ埛鍚嶅拰瀵嗙爜淇濆瓨鍒版湰鍦扮數鑴戜笂锛2銆丳S鍦ㄩ〉闈㈣浇鍏ユ椂鑾峰彇cookie锛3銆佸湪鍕鹃夋椂璁剧疆涓涓猚ookie鐨勬湁鏁堟椂闂村氨鍙互浜嗐
绛旓細鍙︼細JS 鍒ゆ柇閭鏍煎紡鏄惁姝g‘锛屾敞鍐屾椂涓ゆ杈撳叆瀵嗙爜鏄惁涓鑷达紝 鐢ㄦ埛鍚绛夎緭鍏ヤ笉鑳戒负绌猴紝杈撳叆鐨闀垮害鎺у埗銆 var b = new Boolean();b = false;var b2 = new Boolean();b2 = false;function checkSubmit(){ var userName = form1.userName.value;var passWord = form1.passWord.value;var passWord...
绛旓細#loginBtn").click(userLogin); } }); }); function userLogin(){ var username = $("#username").val(); var password = $("#password").val(); var tipMsg = $("#loginTip"); if(username!=""
绛旓細JS Timing JS 搴 cookie 鐢ㄦ潵璇嗗埆鐢ㄦ埛銆傚疄渚 鍒涘缓涓涓杩 cookie 鍒╃敤鐢ㄦ埛鍦ㄦ彁绀烘涓杈撳叆鐨鏁版嵁鍒涘缓涓涓 JavaScript Cookie锛屽綋璇ョ敤鎴峰啀娆¤闂椤甸潰鏃讹紝鏍规嵁 cookie 涓殑淇℃伅鍙戝嚭娆㈣繋淇℃伅銆備粈涔堟槸cookie?cookie 鏄瓨鍌ㄤ簬璁块棶鑰呯殑璁$畻鏈轰腑鐨勫彉閲忋傛瘡褰撳悓涓鍙拌绠楁満閫氳繃娴忚鍣ㄨ姹傛煇涓〉闈㈡椂锛屽氨浼氬彂閫佽繖涓 ...
绛旓細if ($("uname")=="zp" && $("pwd")=="1234")濡傛灉杩欎釜灏辨槸浣爃tml鐨勬墍鏈変唬鐮佺殑璇濓紝閭d箞浣犳樉鐒舵病鏈夊紩鍏query鐨js鏂囦欢锛屼篃灏辨槸jquery.js鏂囦欢娌℃湁寮曞叆鐨勬椂鍊欙紝涓嶇浣杈撳叆浠涔堥兘浼氳繘鍏 alert("no ok");return false;}鍥犳 涓鐩撮兘鏄敊璇殑鎻愮ず 瑙e喅鏂规硶鏄細1.涓嬭浇jquery.js鏂囦欢锛屽苟涓斿紩鍏 2.浣跨敤...