<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript">
var re = /\(?\d{3}\)?([-\/\.])\d{3}\1\d{4}/;
function check(){
var OK = re.exec(f.q.value);
if (!OK)
{window.alert(RegExp.input + " isn't a phone number with area code!");
f.q.value="";
document.f.q.focus();
return false; }
else
window.alert("Thanks, your phone number is " + OK[0]);
}
</script>
</head>
<body>
<p>Enter your phone number .
<br>The expected format is like ###-###-####.</p>
<form name="f" action="#" onsubmit="return check()" method="get">
check:<input type="text" name="q">
<input id="phone" type="submit" value="check">
</form>
</body>
</html>
2013年11月11日 星期一
2013年11月4日 星期一
Lab 22 Google Maps II
<html>
<head>
</head>
<body id="body">
<form action="https://maps.google.com/" name="f" method="get" id="exampleForm" onsubmit="return check()">
search:<input type="text" id="examplePass" name="q" >
<input type="submit" value="submit">
<br>
</form>
</body>
<script>
function check(){
var passwordRegex =/\-?\d+(\.\d+)?\,\-?\d+(\.\d+)?$/;
if(!passwordRegex.test(f.q.value)){
alert("!!!!!!");
f.q.value="";
return false;
}
}
/*
document.getElementById("exampleForm").onsubmit = function(){
var passwordRegex =/\-?\d+(\.\d+)?\,\-?\d+(\.\d+)?$/;
if(!passwordRegex.test(document.getElementById("examplePass").value)){
console.log("Regex didn't match");
return false;
var notify = document.getElementById("notify");
if(notify === null){
notify = document.createElement("p");
notify.textContent = "ERROR";
notify.id ="notify";
var body =document.getElementById("body");
body.appendChild(notify);
}
}
*/
</script>
</html>
<head>
</head>
<body id="body">
<form action="https://maps.google.com/" name="f" method="get" id="exampleForm" onsubmit="return check()">
search:<input type="text" id="examplePass" name="q" >
<input type="submit" value="submit">
<br>
</form>
</body>
<script>
function check(){
var passwordRegex =/\-?\d+(\.\d+)?\,\-?\d+(\.\d+)?$/;
if(!passwordRegex.test(f.q.value)){
alert("!!!!!!");
f.q.value="";
return false;
}
}
/*
document.getElementById("exampleForm").onsubmit = function(){
var passwordRegex =/\-?\d+(\.\d+)?\,\-?\d+(\.\d+)?$/;
if(!passwordRegex.test(document.getElementById("examplePass").value)){
console.log("Regex didn't match");
return false;
var notify = document.getElementById("notify");
if(notify === null){
notify = document.createElement("p");
notify.textContent = "ERROR";
notify.id ="notify";
var body =document.getElementById("body");
body.appendChild(notify);
}
}
*/
</script>
</html>
訂閱:
文章 (Atom)