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

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

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

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

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

Ajax

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

Q&A

0回答

381閲覧

javascriptのonsubmitについて

kazumons
kazumons

総合スコア15

JavaScript

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

Ajax

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

0グッド

0クリップ

投稿2019/08/14 10:22

0

0

値が0ではなかったらajaxの処理をやめたいのですが、どのようにコードを修正すればよろしいでしょうか?
また、このコードがないと分からないなど情報が不足していたらお伝えいたします。
回答よろしくお願いいたします。

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="./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({

                          type: "POST",

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

                          success : function(data, dataType) {

                              $('#res').html(data);
                          },

                          error : function() {
                              alert('通信エラー');
                          }
                   });

                   return false;
      });
    });

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

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

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

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

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

退会済みユーザー

退会済みユーザー

2019/08/14 10:25

「値が0ではなかったらajaxの処理をやめたい」どの値のことですか？
kazumons
kazumons

2019/08/14 10:30

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

退会済みユーザー

2019/08/14 10:35 編集

PHPを混ぜる意味あるんですか？ しかも、$arrangenumber がどんな値なのか、回答者は判断できません。回答に必要な情報は全て提示してください。
kazumons
kazumons

2019/08/14 10:40

phpを混ぜる意味はないのですが、プログラミング初心者なもので、どのように実装すればいいか分からず、phpではなくjsでやれば動いたのでphpとjsが混ざっています。 $arrangenumberは、1~180の乱数で163, 166, 169, 172, 173, 175, 176, 178, 179を取り除いたものです。
退会済みユーザー

退会済みユーザー

2019/08/14 10:44 編集

要件が読み取れません document.form1.field_total.value が 0 だったらということ？ それとも　$arrangenumber が０？ total が0？
kazumons
kazumons

2019/08/14 10:44

こちらで0を表示しています。 <input type="submit" value="次へ" id="problem_button" onsubmit="return checkForm();"> onsubmitではなくonclickにすると下記のアラートが動いてから、ajaxがpostされます。 onsubmitで実装したいのですがうまく動かなくて困っています。 function checkForm(){ if(document.form1.field_total.value != 0 ){ alert("0にして下さい"); return false; }else{ return true; } }
退会済みユーザー

退会済みユーザー

2019/08/14 10:47

そりゃそうだと。 input type="submit" には submit イベントは存在しませんから。
kazumons
kazumons

2019/08/14 10:47

document.form1.field_total.valueです。 document.form1.field_total.valueが0の場合はpostされて、それ以外はpostされないようにしたいです。
kazumons
kazumons

2019/08/14 10:56

クリックだと動くのですが、submitだと動かなくなります。input type="submit"ではなく、どのように変更すればよろしいでしょうか? プログラミングが分からなく至らない所があり申し訳ございません。
kazumons
kazumons

2019/08/14 12:03

すいません解決しましたありがとうございました。
退会済みユーザー

退会済みユーザー

2019/08/14 14:27 編集

解決したのであれば、解決方法を回答に記して、自己解決としてください。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

まだ回答がついていません

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

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

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問

トップJavaScriptに関する質問

javascriptのonsubmitについて