JavaScriptはこういうことです.
4638 ワード
javascript.co.com.cnから変更しました.(ここに置くのは主に自分の勉強に便利です.許可しないなら、私に教えてください.自分で削除します.)
43フォーム構成
元の駅が移動しました.
43フォーム構成
<form method=”post” action=”target.html” name=”thisForm”>
<input type=”text” name=”myText”>
<select name=”mySelect”>
<option value=”1”>First Choice</option>
<option value=”2”>Second Choice</option>
</select>
<br>
<input type=”submit” value=”Submit Me”>
</form>
44フォームのテキストボックスの内容にアクセスする<form name=”myForm”>
<input type=”text” name=”myText”>
</form>
<a href='#' onClick='window.alert(document.myForm.myText.value);'>Check Text Field</a>
45テキスト枠の内容を動的にコピーする<form name=”myForm”>
Enter some Text: <input type=”text” name=”myText”><br>
Copy Text: <input type=”text” name=”copyText”>
</form>
<a href=”#” onClick=”document.myForm.copyText.value =
document.myForm.myText.value;”>Copy Text Field</a>
46テキストボックスの変化を検出する<form name=”myForm”>
Enter some Text: <input type=”text” name=”myText” onChange=”alert(this.value);”>
</form>
47選択したSelectにアクセスします.<form name=”myForm”>
<select name=”mySelect”>
<option value=”First Choice”>1</option>
<option value=”Second Choice”>2</option>
<option value=”Third Choice”>3</option>
</select>
</form>
<a href='#' onClick='alert(document.myForm.mySelect.value);'>Check Selection List</a>
48動的にSelect項目を追加します.<form name=”myForm”>
<select name=”mySelect”>
<option value=”First Choice”>1</option>
<option value=”Second Choice”>2</option>
</select>
</form>
<script language=”JavaScript”>
document.myForm.mySelect.length++;
document.myForm.mySelect.options[document.myForm.mySelect.length - 1].text = “3”;
document.myForm.mySelect.options[document.myForm.mySelect.length - 1].value = “Third Choice”;
</script>
49フォームフィールドを検証する<script language=”JavaScript”>
function checkField(field) {
if (field.value == “”) {
window.alert(“You must enter a value in the field”);
field.focus();
}
}
</script>
<form name=”myForm” action=”target.html”>
Text Field: <input type=”text” name=”myField”onBlur=”checkField(this)”>
<br><input type=”submit”>
</form>
50 Select項目を検証しますfunction checkList(selection) {
if (selection.length == 0) {
window.alert(“You must make a selection from the list.”);
return false;
}
return true;
}
51フォームのactionを動的に変更する<form name=”myForm” action=”login.html”>
Username: <input type=”text” name=”username”><br>
Password: <input type=”password” name=”password”><br>
<input type=”button” value=”Login” onClick=”this.form.submit();”>
<input type=”button” value=”Register” onClick=”this.form.action = ‘register.html’; this.form.submit();”>
<input type=”button” value=”Retrieve Password” onClick=”this.form.action = ‘password.html’; this.form.submit();”>
</form>
52画像ボタンを使用する<form name=”myForm” action=”login.html”>
Username: <input type=”text” name=”username”><br>
Password: <input type=”password”name=”password”><br>
<input type=”image” src=”login.gif” value=”Login”>
</form>
53フォームデータの暗号化<SCRIPT LANGUAGE='JavaScript'>
<!--
function encrypt(item) {
var newItem = '';
for (i=0; i < item.length; i++) {
newItem += item.charCodeAt(i) + '.';
}
return newItem;
}
function encryptForm(myForm) {
for (i=0; i < myForm.elements.length; i++) {
myForm.elements.value = encrypt(myForm.elements.value);
}
}
>
</SCRIPT>
<form name='myForm' onSubmit='encryptForm(this); window.alert(this.myField.value);'>
Enter Some Text: <input type=text name=myField><input type=submit>
</form>
上のencryptFormメソッドはフォームのデータを符号化に変換し、フォームを提出する前に簡単なフォームデータの暗号化を完了しました.元の駅が移動しました.