function checkP() {
if(!document.formP.password.value){
alert("現在のパスワードを入力してください");
return false;
}else if(!document.formP.password1.value){
alert("新しいパスワードを入力してください");
return false;
}else if(!document.formP.password2.value){
alert("新しいパスワード確認を入力してください");
return false;
}else if(!document.formP.password.value.match(/^[a-zA-Z\d]+$/i)){
alert("今のパスワードには半角英数字しか使用できません。");
return false;
}else if(!document.formP.password1.value.match(/^[a-zA-Z\d]+$/i)){
alert("新しいパスワードには半角英数字しか使用できません。");
return false;
}else if(!document.formP.password2.value.match(/^[a-zA-Z\d]+$/i)){
alert("新しいパスワード確認には半角英数字しか使用できません。");
return false;
}else if(document.formP.password1.value.length < 4){
alert("新しいパスワードには4文字以上入力してください");
return false;
}else if(document.formP.password1.value.length < 4){
alert("新しいパスワードには4文字以上入力してください");
return false;
}else if(document.formP.password1.value != document.formP.password2.value){
alert("新しいパスワード確認が一致しません");
return false;
}else{
return true;
}
}
Showing posts with label Javascript. Show all posts
Showing posts with label Javascript. Show all posts
Thursday, December 20, 2007
Monday, December 17, 2007
メールアドレスのチェック javascript
<SCRIPT LANGUAGE="javascript">
function check() {
var matchemail=/[!#-9A-~]+@+[a-z0-9]+.+[^.]$/i;
if(!document.step.mail.value) {
alert("メールアドレスを入力してください");
return false;
}else if( !(document.step.mail.value.match(matchemail))){
alert("メールアドレスが不正です。") ;
return false;
}else if(check_zenkaku(document.step.mail.value)){
alert("全角文字が使用されております。");
return false;
}else if( document.step.mail.value.match(/(docomo|ezweb|vodafone|softbank)\.ne.jp$/i)){
alert("申し訳ございませんが、携帯電話のメールアドレスはご使用できません。") ;
return false ;
}else{
return true;
}
}
function check_zenkaku(elm){
var txt=elm;
for(i=0;i<txt.length;i++){
if(escape(txt.charAt(i)).length>=4){
return true;
break;
}
}
return false ;
}
</SCRIPT>
function check() {
var matchemail=/[!#-9A-~]+@+[a-z0-9]+.+[^.]$/i;
if(!document.step.mail.value) {
alert("メールアドレスを入力してください");
return false;
}else if( !(document.step.mail.value.match(matchemail))){
alert("メールアドレスが不正です。") ;
return false;
}else if(check_zenkaku(document.step.mail.value)){
alert("全角文字が使用されております。");
return false;
}else if( document.step.mail.value.match(/(docomo|ezweb|vodafone|softbank)\.ne.jp$/i)){
alert("申し訳ございませんが、携帯電話のメールアドレスはご使用できません。") ;
return false ;
}else{
return true;
}
}
function check_zenkaku(elm){
var txt=elm;
for(i=0;i<txt.length;i++){
if(escape(txt.charAt(i)).length>=4){
return true;
break;
}
}
return false ;
}
</SCRIPT>
Friday, December 14, 2007
jquery.js でHTMLファイルのインクルード
PHPなどで使用しているＨＴＭＬファイルのインクルードをjquery.js
を使って行う例
これでfooterやheaderなど同じような箇所をコピペしなくてもよくなり、
メンテナンスが楽になります。
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript"><!--
$(function(){
$("#header_js").load("header.html");
});
// --></script>
</head>
<body>
<div id="header_js"></div>
を使って行う例
これでfooterやheaderなど同じような箇所をコピペしなくてもよくなり、
メンテナンスが楽になります。
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript"><!--
$(function(){
$("#header_js").load("header.html");
});
// --></script>
</head>
<body>
<div id="header_js"></div>
Wednesday, December 12, 2007
checkbox すべてをＯＮ・ＯＦＦ PHPの場合
function checkAll() {
if(document.myForm.checkall.checked){
for(i=0;i
document.myForm.elements[i].checked = true;
}
}
}else{
for(i=0;i
document.myForm.elements[i].checked = false;
}
}
}
}
-----
<input type="checkbox" name="checkall" value="" onclick="checkAll(); ">
<input type="checkbox" name="ch[]" value="1">
<input type="checkbox" name="ch[]" value="2">
if(document.myForm.checkall.checked){
for(i=0;i
document.myForm.elements[i].checked = true;
}
}
}else{
for(i=0;i
document.myForm.elements[i].checked = false;
}
}
}
}
-----
<input type="checkbox" name="checkall" value="" onclick="checkAll(); ">
<input type="checkbox" name="ch[]" value="1">
<input type="checkbox" name="ch[]" value="2">
Sunday, April 22, 2007
Javascript クラス 継承の例
<script type=text/javascript>
<!--
function Team(name,members){
this.name = name;
this.members = members;
}
Team.prototype.add = function(members){
this.members += members;
};
function TeamAAA (name,members) {
this.name = name;
this.members = members;
}
TeamAAA.prototype = new Team();
TeamAAA.prototype.leave = function(members){
this.members -= members;
};
baseball = new TeamAAA("2軍",11);
baseball.leave(3);
document.write("Team name:"+ baseball.name + ", members:"+baseball.members);
//-->
</script>
JavaScript継承パターンまとめ
<!--
function Team(name,members){
this.name = name;
this.members = members;
}
Team.prototype.add = function(members){
this.members += members;
};
function TeamAAA (name,members) {
this.name = name;
this.members = members;
}
TeamAAA.prototype = new Team();
TeamAAA.prototype.leave = function(members){
this.members -= members;
};
baseball = new TeamAAA("2軍",11);
baseball.leave(3);
document.write("Team name:"+ baseball.name + ", members:"+baseball.members);
//-->
</script>
JavaScript継承パターンまとめ
Javascript クラス コンストラクトの例
<script type=text/javascript>
<!--
function Team(name,members){
this.name = name;
this.members = members;
}
Team.prototype.add = function(members){
this.members += members;
};
football = new Team("Japan",11);
football.add(3);
document.write("Team name:"+ football.name + ", members:"+football.members);
//-->
</script>
<!--
function Team(name,members){
this.name = name;
this.members = members;
}
Team.prototype.add = function(members){
this.members += members;
};
football = new Team("Japan",11);
football.add(3);
document.write("Team name:"+ football.name + ", members:"+football.members);
//-->
</script>
Friday, April 20, 2007
Javascript 多次元配列のソートの例
<script type=text/javascript>
<!--
function sort1(a,b){ return a[1] - b[1] }
function sort2(a,b){ return a[2] - b[2] }
xx = new Array(3, 7, 8, 1);
xx.sort();
document.write(xx);
document.write("<br>");
var persons =
[
[ 'Tanaka' , '32' ,'Japan'] ,
[ 'John' , '38' ,'UK'] ,
[ 'Ken' , '26' ,'France'] ,
[ 'John' , '49' ,'India'] ,
]
persons.sort();
for (var i = 0; i < persons.length; i ++) {
document.write(persons[i] + "<br>");
}
document.write("<br>");
persons.sort(sort1)
for (var i = 0; i < persons.length; i ++) {
document.write(persons[i] + "<br>");
}
document.write("<br>");
persons.sort(sort2)
for (var i = 0; i < persons.length; i ++) {
document.write(persons[i] + "<br>");
}
//-->
</script>
意外と遅いらしい。
<!--
function sort1(a,b){ return a[1] - b[1] }
function sort2(a,b){ return a[2] - b[2] }
xx = new Array(3, 7, 8, 1);
xx.sort();
document.write(xx);
document.write("<br>");
var persons =
[
[ 'Tanaka' , '32' ,'Japan'] ,
[ 'John' , '38' ,'UK'] ,
[ 'Ken' , '26' ,'France'] ,
[ 'John' , '49' ,'India'] ,
]
persons.sort();
for (var i = 0; i < persons.length; i ++) {
document.write(persons[i] + "<br>");
}
document.write("<br>");
persons.sort(sort1)
for (var i = 0; i < persons.length; i ++) {
document.write(persons[i] + "<br>");
}
document.write("<br>");
persons.sort(sort2)
for (var i = 0; i < persons.length; i ++) {
document.write(persons[i] + "<br>");
}
//-->
</script>
意外と遅いらしい。
Thursday, April 19, 2007
Date Javascript
var date = new Date ();
date.setTime(1);
mdate = date.getFullYear() +"/" + (date.getMonth()+1) + "/" + date.getDate();
alert(mdate );
date.getDay // 0から始まる曜日を返す。０は日曜日、６が土曜日
date.setTime(1);
mdate = date.getFullYear() +"/" + (date.getMonth()+1) + "/" + date.getDate();
alert(mdate );
date.getDay // 0から始まる曜日を返す。０は日曜日、６が土曜日
Wednesday, April 18, 2007
無名配列 Anonymous Arrayの例 Javascript
var persons = [
{ Name: "田中", Age: 20 },
{ Name: "山田", Age: 18 },
{ Name: "青木", Age: 15 }
];
for (var i = 0; i < persons.length; i ++) {
alert(persons[i].Name + ":" +persons[i].Age);
}
{ Name: "田中", Age: 20 },
{ Name: "山田", Age: 18 },
{ Name: "青木", Age: 15 }
];
for (var i = 0; i < persons.length; i ++) {
alert(persons[i].Name + ":" +persons[i].Age);
}
連想配列のサンプル JavaScript
連想配列のサンプル
person1 = new Array();
person1["Name"] = "Mike";
document.write(person1["Name"] );
person1 = new Array();
person1["Name"] = "Mike";
document.write(person1["Name"] );
Friday, March 23, 2007
Javascript 選択文字の取得
function getText()
{
var txt = '';
if (window.getSelection)
{
txt = window.getSelection();
}
else if (document.getSelection)
{
txt = document.getSelection();
}
else if (document.selection)
{
txt = document.selection.createRange().text;
}
else return;
document.getElementById("msg").innerHTML = txt;
}
{
var txt = '';
if (window.getSelection)
{
txt = window.getSelection();
}
else if (document.getSelection)
{
txt = document.getSelection();
}
else if (document.selection)
{
txt = document.selection.createRange().text;
}
else return;
document.getElementById("msg").innerHTML = txt;
}
Thursday, March 22, 2007
Ajaxを使わない 処理中の表示
#!/usr/bin/perl
use strict;
$=1;#バッファリング制御
print 'Content-Type: text/html', "\n\n";
my $html = <<__HTML__;
<html>
<head>
</head>
<body>
<img src="./img/indicator_remembermilk_orange.gif"> <-- 処理中をあらわす画像-->
</body>
</html>
__HTML__
print $html;
sleep 10;# 重い(長い)処理
$=0;#バッファリング制御
my $js = <<__JAVASCRIPT__;
<script language="JavaScript">
<!--location.href='test.html'// -->
</script>
__JAVASCRIPT__
print $js;
__END__
use strict;
$=1;#バッファリング制御
print 'Content-Type: text/html', "\n\n";
my $html = <<__HTML__;
<html>
<head>
</head>
<body>
<img src="./img/indicator_remembermilk_orange.gif"> <-- 処理中をあらわす画像-->
</body>
</html>
__HTML__
print $html;
sleep 10;# 重い(長い)処理
$=0;#バッファリング制御
my $js = <<__JAVASCRIPT__;
<script language="JavaScript">
<!--location.href='test.html'// -->
</script>
__JAVASCRIPT__
print $js;
__END__
Subscribe to:
Posts (Atom)