inputCharCheck

投稿日: 2016年8月31日 作成者: 関口郁夫
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<TABLE>
    <TR>
        <TD>ID<span style="color: #FF0000;">*</span></TD>
        <TD><INPUT type=text name=Id maxlength=4 value="" style="width: 50px;"> (0000)</TD>
    </TR>
    <TR>
        <TD>氏名<span style="color: #FF0000;">*</span></TD>
        <TD><INPUT type=text name=Name value="" style="width: 130px;"></TD>
    </TR>
    <TR>
        <TD>郵便番号<span style="color: #FF0000;">*</span></TD>
        <TD><INPUT type=text name=PostNo maxlength=8 width=70px value="" style="width: 70px;"> (000-0000)</TD>
    </TR>
    <TR>
        <TD>住所<span style="color: #FF0000;">*</span></TD>
        <TD><INPUT type=text name=Address width=200px value="" style="width: 450px;"></TD>
    </TR>
    <TR>
        <TD>電話番号</TD>
        <TD><INPUT type=text name=TelNo width=100px value=""></TD>
    </TR>
    <TR>
    <TD>メールアドレス</TD>
    <TD><INPUT type=text name=Mail width=100px value="" style="width: 200px;"></TD>
    </TR>
    <TR>
        <TD colspan=2>
        <INPUT type=button name=btn value="チェック" onClick="FormCheck();">
    </TD>
    </TR>
</TABLE>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<script type="text/javascript">
// フォームチェック
    function FormCheck() {
 
    // 未入力チェック
    var val = document.getElementsByName("Id")[0];
    if ( jsTrim( val.value ).length == 0 ) {
        alert( "IDは必須入力です" );
        val.focus();
        return;
    }
 
    // 入力値チェック
    if ( !val.value.match( /[0-9]{4}/ ) ) {
        alert( "入力値が間違っています" );
        val.focus();
        return;
    }
 
    // 未入力チェック
    var val = document.getElementsByName("Name")[0];
    if ( jsTrim( val.value ).length == 0 ) {
        alert( "氏名は必須入力です" );
        val.focus();
        return;
    }
 
    // 未入力チェック
    var val = document.getElementsByName("PostNo")[0];
    if ( jsTrim( val.value ).length == 0 ) {
        alert( "郵便番号は必須入力です" );
        val.focus();
        return;
    }
 
    // 入力値チェック
    if ( !val.value.match( /[0-9]{3}-[0-9]{4}/ ) ) {
        alert( "入力値が間違っています" );
        val.focus();
        return;
    }
 
    // 未入力チェック
    var val = document.getElementsByName("Address")[0];
    if ( jsTrim( val.value ).length == 0 ) {
        alert( "住所は必須入力です" );
        val.focus();
        return;
    }
 
    // 入力値チェック
    var val = document.getElementsByName("TelNo")[0];
    if ( !val.value.match( /^0[0-9]{1,2}-[0-9]{4,5}-[0-9]{4}$/ ) ) {
        alert( "入力値が間違っています" );
        val.focus();
        return;
    }
 
    // 入力値チェック
    var val = document.getElementsByName("Mail")[0];
    if ( !val.value.match( /^([a-z0-9_\.\-])+@([a-z0-9_\.\-])+/ ) ) {
        alert( "入力値が間違っています" );
        val.focus();
        return;
    }
 
}
 
// 前後スペース削除(全角半角対応)
function jsTrim( val ) {
 
    var ret = val;
 
    ret = ret.replace( /^[\s]*/, "" );
    ret = ret.replace( /[\s]*$/, "" );
 
    return ret;
}
 
// 前スペース削除(全角半角対応)
function jsLTrim( val ) {
    var ret = val;
 
    ret = ret.replace( /^[\s]*/, "" );
 
    return ret;
}
 
// 後スペース削除(全角半角対応)
function jsRTrim( val ) {
    var ret = val;
 
    ret = ret.replace( /^[\s]*/, "" );
 
    return ret;
}
</script>
カテゴリー: Javascript パーマリンク