收藏
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="text" id="inp" value="明天我們要有好的心情才可以學到更多的知識，但是我發(fā)現(xiàn)最近深圳校區(qū)你們軍哥變帥了！"><br/>
<select name="" id="" onchange="check()">
<option value="">南寧</option>
<option value="">廣州</option>
<option value="">深圳</option>
<option value="">鄭州</option>
</select>
<input type="radio" name="sex" value="0" onchange="check()">女
<input type="radio" name="sex" value="1" onchange="check()">男
<input type="radio" name="sex" value="2" onchange="check()">保密
<input type="radio" name="sex" value="3" onchange="check()">旺儒
<input type="checkbox" name="lovegood" value="0" onchange="check()" >打豆豆<br/>
<form action="http://www.baidu.com" method="post" onsubmit="return test()" onreset="return confirm('你確定要重置嗎')">
<input type="text" name="username" id="username" onblur="user()"><br/>
<input type="password" name="password" id="pwd" onblur="zzz()"><br/>
<input type="submit">
<input type="reset">
</form>
</body>
<script>
// var bool = confirm('你確定要重置嗎');
// alert(bool);
var inp = document.getElementById('inp');
var username = document.getElementById('username');
var pwd = document.getElementById('pwd');
//選中事件
inp.onselect = function(){
alert('你選中了文本');
}
function check(){
alert('改變了選項')
}
function user(){
var str = username.value;
if(str.match(/^\w{4,8}$/) == null){
return false;
}else{
return true;
}
}
function zzz(){
var pstr = pwd.value;
if(pstr.length >= 6){
return true;
}else{
return false;
}
}
function test(){
return user()&&zzz();
}
</script>
</html>點擊 "運行實例" 按鈕查看在線實例
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號
技術(shù)交流群
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號