JavaScript基礎(javascriptフォーム検証)
2657 ワード
このページの内容は主にコードの形で直接展示されています.第一部のコードはユーザーが入力するかどうかを確認するものです.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
//JavaScript ， ， ，
function check(field,alerttxt){
with(field){// With ， ， With ， JavaScript
// ， ， value with value， with field.value 。
if(value == null ||value == ""){
alert(alerttxt);
return false
}
else{
return true
}
}
}
function MyFunction(thisform){
with(thisform){
if(check(email,"Check your Email!")==false){
email.focus();// ，
return false
}
}
}
</script>
</head>
<body>
<form action="hello.html" onsubmit="return MyFunction(this)" method="post">// return
Email:<input type="text" name = "email"/>
<input type = "submit" value = "Submit">
</form>
</body>
</html><!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function check(field,alerttxt){
with(field){
start = value.indexOf("@");
end = value.lastIndexOf(".");
if(start < 1|| end-start < 2){
alert(alerttxt);
return false
}
else{
return true
}
}
}
function MyFunction(thisform){
with(thisform){
if(check(email,"Check your Email!")==false){
email.focus();
return false
}
}
}
</script>
</head>
<body>
<form action="hello.html" onsubmit="return MyFunction(this);" method="post">
Email:<input type="text" name = "email"/>
<input type = "submit" value = "Submit">
</form>
</body>