                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /表單驗證

求源碼

可以下載源碼嗎？

慕后端4767550

2014-11-13

源自：表單驗證 7-1

關(guān)注問題我要回答

860

操作

收起

1 回答

贊魚魚
2016-01-05

<!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>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>無標題文檔</title>
<style?type="text/css">
body,?form,?input{margin:0;padding:0;font-size:12px}
body{?margin-left:50px}
form{?height:30px;?line-height:30px}
.text{height:20px;?vertical-align:middle}
.btn{?height:24px;width:50px;vertical-align:middle;?border:1px?solid?#333;?background:#ccc;}
</style>
</head>
<script?type="text/javascript">
window.onload=function(){
????var?oBtn=document.getElementById('submitBtn');
	var?oInput=document.getElementById('name');
	oBtn.onclick=function(){
		var?re?=?/^[a-zA-Z][\w|_|.]{5,20}$/;
		if(re.test(oInput.value)==false){
			alert("×?格式錯誤！")
		}
		else{
			alert("√?格式正確！")
		}
	}
}
</script>
<body>
<h3>要求：</h3>
<p>1.?只能輸入5-20個字符，必須以“字母”開頭</p>
<p>2.?可以帶“數(shù)字"?“_”?“.”的字串</p>
<br?/>
<form>
	<label>用戶名：<input?id="name"?class="text"?type="text"?/></label>?<input?id="submitBtn"?class="btn"?type="button"?value="驗證"?/>
</form>
</body>
</html>