回答編集履歴
5
修正
answer
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
onsubmitのところでjavascriptでreturnされるfalseを
|
1
|
+
onsubmitのところでjavascriptでreturnされるfalseを受ける記述が必要です。
|
2
|
-
```
|
2
|
+
```html
|
3
3
|
onSubmit="check(this)"
|
4
4
|
↓
|
5
5
|
onSubmit="return check(this)"
|
@@ -20,7 +20,7 @@
|
|
20
20
|
```
|
21
21
|
|
22
22
|
htmlのフォーム要素にそれぞれID振る
|
23
|
-
```
|
23
|
+
```html
|
24
24
|
<form method="POST" action="example.cgi" name="form1" id="form1">
|
25
25
|
<input type="text" name="search1" id="search1" value="">
|
26
26
|
```
|
4
回答
answer
CHANGED
@@ -1,3 +1,13 @@
|
|
1
|
+
onsubmitのところでjavascriptでreturnされるfalseをreturnを受ける記述が必要です。
|
2
|
+
```
|
3
|
+
onSubmit="check(this)"
|
4
|
+
↓
|
5
|
+
onSubmit="return check(this)"
|
6
|
+
または
|
7
|
+
onSubmit="check(this);return false;"
|
8
|
+
```
|
9
|
+
|
10
|
+
# 追記
|
1
11
|
せっかくjQueryを読み込ませているので使用するともっと楽に書けそうです。
|
2
12
|
|
3
13
|
※こういう書き方もあるよという一例として参考にしてください
|
3
修正
answer
CHANGED
File without changes
|
2
修正
answer
CHANGED
@@ -24,7 +24,7 @@
|
|
24
24
|
searchtext = $('#search1').val();
|
25
25
|
//入力チェック
|
26
26
|
if(searchtext.match(/[^0-9]+/)){
|
27
|
-
|
27
|
+
alert('エラー');
|
28
28
|
return false; //送信取りやめ
|
29
29
|
}else{
|
30
30
|
//入力値を表示
|
1
編集
answer
CHANGED
@@ -22,7 +22,6 @@
|
|
22
22
|
$('#form1').on('submit',function(){
|
23
23
|
//入力値を取得
|
24
24
|
searchtext = $('#search1').val();
|
25
|
-
|
26
25
|
//入力チェック
|
27
26
|
if(searchtext.match(/[^0-9]+/)){
|
28
27
|
window.alert('エラー');
|
@@ -32,11 +31,10 @@
|
|
32
31
|
alert(searchtext);
|
33
32
|
//falseをreturnしていないのでそのままsubmitが実行される
|
34
33
|
}
|
35
|
-
|
36
34
|
})
|
37
35
|
```
|
38
|
-
|
36
|
+
- ご提示内容ではエラーが1パターンしかないのでflgを作っていません
|
39
|
-
|
37
|
+
※複数ある場合はご提示のようにflgを作って判断しても良いです。
|
40
|
-
|
38
|
+
- submit時のイベントを取っているので送信をやめるときだけfalseをreturnするのでもOKなはず(一応動作は確認しました)
|
41
39
|
|
42
40
|
参考:[【jQuery】submit前に処理を行う方法](http://qiita.com/kazu56/items/cdbf4e371cdc699709f1)
|