js检测友情链接代码怎么写
现在的代码:
<form name="form" method="post" onSubmit="return form_onsubmit();" action="url.asp" autocomplete="off">
<input name="weburl" type="text" id="weburl" value="http://" size="40" maxlength="250" >
<input name=Submit2 onClick="chk(document.all['form']);" type=button value="提交网站" ></form>
我要添加一个JS检测的功能:(注:输入框初始状态为灰色不可点击提交数据)
当用户输入网址完毕失去输入框焦点后,系统开始自动检测用户所输入的网址是否包含我们的友情链接,如:百度 (检测要严格)
如果检测到有我们的链接输入框由灰色变为可提交状态
输入框初始状态为灰色不可点击提交数据
你想表达是按钮不可用吧。。当检查成功后。。按钮可用。。。是这样吗?
var input = document.getElementsByName('weburl')[0], submit_btn = document.getElementsByName('Submit2')[0]; submit_btn.disabled = "disabled"; input.onchange = function(){ if(this.value === www.chuibin.com){ submit_btn.disabled = true; } }
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> function Check() { var str_url = document.getElementById("weburl").value; var btn = document.getElementById("sss"); var strRegex = "^((https|http|ftp|rtsp|mms)?://)" + "?(([0-9a-z_!~*'().&=+$%-]+: )?[0-9a-z_!~*'().&=+$%-]+@)?" //ftp的user@ + "(([0-9]{1,3}\.){3}[0-9]{1,3}" // IP形式的URL- 199.194.52.184 + "|" // 允许IP和DOMAIN(域名) + "([0-9a-z_!~*'()-]+\.)*" // 域名- www. + "([0-9a-z][0-9a-z-]{0,61})?[0-9a-z]\." // 二级域名 + "[a-z]{2,6})" // first level domain- .com or .museum + "(:[0-9]{1,4})?" // 端口- :80 + "((/?)|" // a slash isn't required if there is no file name + "(/[0-9a-z_!~*'().;?:@&=+$,%#-]+)+/?)$"; var re = new RegExp(strRegex); if (re.test(str_url)) { alert("输入正确"); btn.disabled = false; } else { alert("输入不正确"); btn.disabled = true; } } </script> </head> <body> <form name="form" method="post" onSubmit="return form_onsubmit();" action="url.asp" autocomplete="off"> <input name="weburl" type="text" id="weburl" value="http://" size="40" maxlength="250" onblur="Check()" /> <input name="Submit2" id="sss" onClick="chk(document.all['form']);" type=button value="提交网站" disabled /></form> </body> </html>