teratail
回答率
85.48%
質問するログイン新規登録

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

新規登録して質問してみよう
ただいま回答率
85.48%
トップJavaScriptに関する質問
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

Q&A

1回答

506閲覧

javascriptで値が0だったらajaxの処理を中断したいのですが...

kazumons
kazumons

総合スコア15

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

0グッド

2クリップ

投稿2019/08/12 08:21

編集2019/08/12 08:46

0

2

値が0ではなかったらajaxの処理をやめたいのですが、このコードだと、submitボタンをクリックして、0ではなかったらアラートで０にして下さいと表示されてから、クリックイベントのajaxの処理が動きます。
イベントをonsubmitにしたらコードが動かなくて困っています。
0ではなかったらpostを中断したいのですが、どのようにすればよろしいでしょうか?
また、このコードがないと分からないなど情報が不足していたらお伝えいたします。
回答よろしくお願いいたします。

start.php

<div id=title>
<div class="sample_box8">
<?php

while( in_array( ($arrangenumber = mt_rand(1,180)), array(163, 166, 169, 172, 173, 175, 176, 178, 179,) ) );
echo $arrangenumber . "<br>" . "<br>";

?>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <link rel ="stylesheet" href="../../css/top.css">
    <!-- <script type="text/javascript" src="./start.js"></script> -->
    <script type="text/javascript" src="./problem.js"></script>
    <title>dartsarrange</title>
</head>
<body>

<form action="#" name="form1" method="post" >

<p>1本目</p>
<br>
<select name="goods1" class="a" onChange="keisan()">
<option value="0">タイプを選択してください</option>
<option value="50">bull</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
  <option value="16">16</option>
  <option value="17">17</option>
  <option value="18">18</option>
  <option value="19">19</option>
  <option value="20">20</option>
</select>

<br>

<select name="goods2" class="b" onChange="keisan()">
<option value="0">タイプを選択してください</option>
<option value="1" data-val="50">こちらを選択して下さい</option>
  <option value="1" data-val="1">シングル</option>
  <option value="2" data-val="1">ダブル</option>
  <option value="3" data-val="1">トリプル</option>
  <option value="1" data-val="2">シングル</option>
  <option value="2" data-val="2">ダブル</option>
  <option value="3" data-val="2">トリプル</option>
  <option value="1" data-val="3">シングル</option>
  <option value="2" data-val="3">ダブル</option>
  <option value="3" data-val="3">トリプル</option>
  <option value="1" data-val="4">シングル</option>
  <option value="2" data-val="4">ダブル</option>
  <option value="3" data-val="4">トリプル</option>
  <option value="1" data-val="5">シングル</option>
  <option value="2" data-val="5">ダブル</option>
  <option value="3" data-val="5">トリプル</option>
  <option value="1" data-val="6">シングル</option>
  <option value="2" data-val="6">ダブル</option>
  <option value="3" data-val="6">トリプル</option>
  <option value="1" data-val="7">シングル</option>
  <option value="2" data-val="7">ダブル</option>
  <option value="3" data-val="7">トリプル</option>
  <option value="1" data-val="8">シングル</option>
  <option value="2" data-val="8">ダブル</option>
  <option value="3" data-val="8">トリプル</option>
  <option value="1" data-val="9">シングル</option>
  <option value="2" data-val="9">ダブル</option>
  <option value="3" data-val="9">トリプル</option>
  <option value="1" data-val="10">シングル</option>
  <option value="2" data-val="10">ダブル</option>
  <option value="3" data-val="10">トリプル</option>
  <option value="1" data-val="11">シングル</option>
  <option value="2" data-val="11">ダブル</option>
  <option value="3" data-val="11">トリプル</option>
  <option value="1" data-val="12">シングル</option>
  <option value="2" data-val="12">ダブル</option>
  <option value="3" data-val="12">トリプル</option>
  <option value="1" data-val="13">シングル</option>
  <option value="2" data-val="13">ダブル</option>
  <option value="3" data-val="13">トリプル</option>
  <option value="1" data-val="14">シングル</option>
  <option value="2" data-val="14">ダブル</option>
  <option value="3" data-val="14">トリプル</option>
  <option value="1" data-val="15">シングル</option>
  <option value="2" data-val="15">ダブル</option>
  <option value="3" data-val="15">トリプル</option>
  <option value="1" data-val="16">シングル</option>
  <option value="2" data-val="16">ダブル</option>
  <option value="3" data-val="16">トリプル</option>
  <option value="1" data-val="17">シングル</option>
  <option value="2" data-val="17">ダブル</option>
  <option value="3" data-val="17">トリプル</option>
  <option value="1" data-val="18">シングル</option>
  <option value="2" data-val="18">ダブル</option>
  <option value="3" data-val="18">トリプル</option>
  <option value="1" data-val="19">シングル</option>
  <option value="2" data-val="19">ダブル</option>
  <option value="3" data-val="19">トリプル</option>
  <option value="1" data-val="20">シングル</option>
  <option value="2" data-val="20">ダブル</option>
  <option value="3" data-val="20">トリプル</option>
</select>
<p>2本目</p>


以下省略~~

<p>合計</p><br><br>
<input type="text" name="field_total" size="8" value="0" >

<div class="btn-area">
    <input type="submit" value="次へ" id="problem_button" onsubmit="return checkForm();">
</div>

</form>
</div>
</div>

<script>

function checkForm(){
    if(document.form1.field_total.value != 0 ){
        alert("0にして下さい");
	return false;
    }else{
	return true;
    }
}

</script>

<script>


var $b = $('.b');
var original = $b.html();

$('.a').change(function() {

  var val1 = $(this).val();

  $b.html(original).find('option').each(function() {
    var val2 = $(this).data('val');
    if (val1 != val2) {
      $(this).not(':first-child').remove();
    }
  });

  if ($(this).val() == "") {
    $b.attr('disabled', 'disabled');
  } else {
    $b.removeAttr('disabled');
  }

});


var $d = $('.d');
var originala = $d.html();

$('.c').change(function() {

  var val3 = $(this).val();

  $d.html(originala).find('option').each(function() {
    var val4 = $(this).data('val');
    if (val3 != val4) {
      $(this).not(':first-child').remove();
    }
  });

  if ($(this).val() == "") {
    $d.attr('disabled', 'disabled');
  } else {
    $d.removeAttr('disabled');
  }

});


var $f = $('.f');
var originalb = $f.html();

$('.e').change(function() {

  var val5 = $(this).val();

  $f.html(originalb).find('option').each(function() {
    var val6 = $(this).data('val');
    if (val5 != val6) {
      $(this).not(':first-child').remove();
    }
  });

  if ($(this).val() == "") {
    $f.attr('disabled', 'disabled');
  } else {
    $f.removeAttr('disabled');
  }

});

</script>

<script type="text/javascript">
<!--
function keisan(){

	var price1 = document.form1.goods1.options[document.form1.goods1.selectedIndex].value;


	var price2 = document.form1.goods2.options[document.form1.goods2.selectedIndex].value;


	var price3 = document.form1.goods3.options[document.form1.goods3.selectedIndex].value;


    var price4 = document.form1.goods4.options[document.form1.goods4.selectedIndex].value;


    var price5 = document.form1.goods5.options[document.form1.goods5.selectedIndex].value;


    var price6 = document.form1.goods6.options[document.form1.goods6.selectedIndex].value;


	total = parseInt(price1) * parseInt(price2) + parseInt(price3) * parseInt(price4) + parseInt(price5) * parseInt(price6);


  var $arrangenumber = <?php echo json_encode($arrangenumber); ?>;


  document.form1.field_total.value = $arrangenumber - total; 

}




</script>

</body>
</html>

problem.js

$(function() {

    $('#problem_button').click(function() {

                  var data = {request : $('#request').val()};

                  $.ajax({
                          //POST通信
                          type: "POST",

                          url: "start.php",
                          data: data,

                          success : function(data, dataType) {
                              //HTMLファイル内の該当箇所にレスポンスデータを追加します。
                              $('#res').html(data);
                          },
                          //処理がエラーであれば
                          error : function() {
                              alert('通信エラー');
                          }
                   });
                   //submitによる画面リロードを防いでいます。
                   return false;
      });
    });

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344
kei344

2019/08/12 08:35

どこに「０」が入力されるのでしょうか。
kazumons
kazumons

2019/08/12 08:52

プルダウンのvalue値の計算で0が出力されています。 0が表示されているのはこちらです。 document.form1.field_total.value = $arrangenumber - total;
guest

回答1件

0

$('#problem_button').clickの関数でも0が入っているかどうかを確認すればよいのでは。

投稿2019/08/12 08:51

kei344
kei344

総合スコア69407

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kazumons
kazumons

2019/08/12 09:01

ご回答ありがとうございます。 それはどのようにすればよろしいでしょうか?
kei344
kei344

2019/08/12 09:05

アラートを出すコードの部分で、ご自身でifを使って分岐されていると思うのですが･･･。
kazumons
kazumons

2019/08/12 09:39

ご回答ありがとうござます。どうしてもできません。 problem.jsの所にどのように記述すればよろしいでしょうか?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

トップJavaScriptに関する質問

javascriptで値が0だったらajaxの処理を中断したいのですが...