ASPにおけるフォームバリデーションの実装方法
ASP プログラムでは、ユーザーにフォームへの入力を求め、送信ボタンを直接クリックして送信することがよくあります。今日のプログラムでは、フォームの内容を制限してから送信します。
これは単なる例です。プログラミングをするすべての人に役立つことを願っています。
HTML フォーム:
<フォームアクション=action.aspメソッド=投稿名=myform>
名前と姓:<br/>
<input type=text name=名前と姓 サイズ=30> <br/>
メールアドレス:<br/>
<入力タイプ=テキスト名=メールサイズ=30> <br/>
年齢:<br/>
<input type=text name=age size=3> <br/>
性別:<br/>
<サイズ=1 名前=性別を選択>
<オプション>- 性別を選択します -</option>
<option value=男性>男性</option>
<option value=女性>女性</option>
</select> <br/>
<input type=submit value=Submit onClick=check();return false;>
</form>
Check() 関数は、フォームのコンテンツを検出するために使用されます。
JavaScript関数:
<スクリプト言語=JavaScript タイプ=テキスト/javascript>
関数チェック() {
var 名前と姓 = document.myform.名前と姓;
var email = document.myform.email;
var age = document.myform.age;
var 性別 = document.myform.gender;
if ( 名前と姓.値.indexOf( ) == -1) {
アラート(名前と姓を入力してください。);
名前と姓.focus();
else if ((email.value.indexOf(@) == -1) || (email.value.indexOf(.) == -1)) {
アラート(有効な電子メール アドレスを入力してください。);
email.focus();
else if (! (parseInt(age.value) > 0)) {
アラート(年齢を入力してください。);
age.focus();
else if (gender.selectedIndex == 0) {
アラート(性別を選択してください。);
性別.focus();
} それ以外 {
document.myform.submit();
}
}
</スクリプト>
上記の JavaScript コードを Web ページの <head> </head> の間に挿入するだけです。