AJAXのお勉強

prototype フォームの有効化・無効化＠AJAX

フォームのフィールドの有効化・無効化を行います。

prototype.jsのFormオブジェクトを利用します。
enableで全てのフィールドを有効化します。
disableで全てのフィールドを無効化します。

有効化：Field.enable(フォーム要素ID、もしくは要素オブジェクト)
無効化：Field.disable(フォーム要素ID、もしくは要素オブジェクト)
となります。


<html>
<head>
<title>prototype.js フォームの有効化・無効化/title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
<!--

function formEnable() {
    Form.enable("form1");
}

function formDisable() {
    Form.disable($("form1"));
}

// -->
</script>
</head>
<body>
<form id="form1">
<table>
    <tr>
        <td bgcolor="#CCCCCC">ID</td>
        <td><input type="text" id="idTxt" value="ID"></td>
    </tr>
    <tr>
        <td bgcolor="#CCCCCC">名前</td>
        <td><input type="text" id="nameTxt" value="名前"></td>
    </tr>
        <td bgcolor="#CCCCCC">メールアドレス</td>
        <td><input type="text" id="mailTxt" value="メールアドレス"></td>
    </tr>
</table>
</form>
<input type="button" value="有効化" onclick="formEnable()">
<input type="button" value="無効化" onclick="formDisable()">
</body>
</html>

Copyright (C) 2008 AJAXのお勉強. All Rights Reserved.