Javascript jQuery表单在提交时返回空白页

Javascript jQuery表单在提交时返回空白页,javascript,php,jquery,html,forms,Javascript,Php,Jquery,Html,Forms,我以前创建过表单,它们通常都能工作,但我对jquery还不熟悉,我想知道这里是否有不同之处。当我点击“提交”按钮提交表单时,它会将我指向“strategyreview.php”,但页面是空白的。我知道页面通常不是空白的,因为我可以直接加载 请帮忙 形式:strategy.php <!-- CSS --> <link rel="stylesheet" type="text/css" href="https://code.jquery.com/mobile/1.4.5/jquery

我以前创建过表单,它们通常都能工作,但我对jquery还不熟悉,我想知道这里是否有不同之处。当我点击“提交”按钮提交表单时,它会将我指向“strategyreview.php”,但页面是空白的。我知道页面通常不是空白的,因为我可以直接加载

请帮忙

形式:strategy.php

<!-- CSS -->
<link rel="stylesheet" type="text/css" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

<!-- JS -->
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

<script>jQuery.noConflict();</script>

<!-- Fonts -->
<link href='https://fonts.googleapis.com/css?family=Glegoo:400,700' rel='stylesheet' type='text/css'><!--Glegoo -->
<link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'><!--Abel -->

<style>
  #title {
    font-size: 4vh;
  }
</style>


<form action="strategyreview.php" method="post">
<div class="ui-corner-all custom-corners">
  <div class="ui-bar ui-bar-a" id="title">
    <h3 class="title">Strategy Testing</h3>
  </div>
  <div class="ui-body ui-body-a">

    <!--Strategy Title -->
    <h3 class="ui-bar ui-bar-a ui-corner-all">New Strategy</h3>
    <div class="ui-body ui-body-a ui-corner-all">
      <div class="ui-field-contain">
        <label>Strategy Name</label>
        <input name="strategyname" type="text" class="form-control" placeholder="Monthly Low Risk" required>
      </div>
    </div>

    <!--Initial Spread Criteria:-->
    <h3 class="ui-bar ui-bar-a ui-corner-all">Spread Criteria</h3>
    <div class="ui-body ui-body-a ui-corner-all">
      <div class="ui-field-contain">
        <div class="ui-field-contain">
          <label>Symbols:</label>
          <select name="symbols" multiple="multiple" data-native-menu="false" style="width:50px;">
            <option>Symbols</option>
            <option value="1">NFLX</option>
            <option value="2" selected="selected">SPY</option>
            <option value="3" selected="selected">SPX</option>
            <option value="2" selected="selected">SPY</option>
            <option value="3" selected="selected">SPX</option>
            <option value="2" selected="selected">SPY</option>
            <option value="3" selected="selected">SPX</option>
            <option value="2" selected="selected">SPY</option>
            <option value="3" selected="selected">SPX</option>
          </select>
        </div>
        <div class="ui-field-contain">
          <label>Spread Types:</label>
          <select name="spreadtype" multiple="multiple" data-native-menu="false" style="width:50px;">
            <option>Spread Types</option>
            <option value="Bull Put" selected="selected">Bull Put</option>
            <option value="Bear Call" selected="selected">Bear Call</option>
          </select>
        </div>
      </div>
    </div>

    <!--Entry Criteria:-->
    <h3 class="ui-bar ui-bar-a ui-corner-all">Entry Criteria</h3>
    <div class="ui-body ui-body-a ui-corner-all">
      <div class="ui-field-contain">
        <div data-role="rangeslider" data-track-theme="a" data-theme="b">
          <label>Expiration Distance:</label>
          <input name="expirationdistancelow" min="0" max="100" value="0" type="range" />
          <label for="range-7b">Rangeslider:</label>
          <input name="expirationdistancehigh" min="0" max="100" value="35" type="range" />
        </div>
      </div>
      <label>
        <input type="checkbox" name="includeweeklyexpirations">Include Weekly Expirations
      </label>

      <div class="ui-field-contain">
        <label>Maximum Delta:</label>
        <input type="range" name="entrymaximumdelta" class="singleslider" data-track-theme="a" data-theme="b" min="0" max="0.25" value="0.08" step="0.01">
      </div>

      <div class="ui-field-contain">
        <div data-role="rangeslider" data-track-theme="a" data-theme="b">
          <label>Spread Width:</label>
          <input name="spreadwidthlow" min="0" max="25" value="5" type="range" />
          <label for="range-7b">Rangeslider:</label>
          <input name="spreadwidthhigh" min="0" max="25" value="15" type="range" />
        </div>
      </div>

      <div class="ui-field-contain">
        <label>Minimum Distance (%):</label>
        <input type="range" name="entryminimumdistance" class="singleslider" data-track-theme="a" data-theme="b" min="5" max="50" value="12" step="0.01">
      </div>

      <div class="ui-field-contain">
        <label>Minimum Premium:</label>
        <input type="range" name="entryminimumpremium" class="singleslider" data-track-theme="a" data-theme="b" min="0.05" max="1" value="0.25" step="0.01">
      </div>

      <label>
        <input type="checkbox" name="entryminimumpremiumtrigger" checked>Enable Minimum Premium Criteria</label>

      <div class="ui-field-contain">
        <label>
          Minimum Target Profit (%):</label>
        <input type="range" name="entryminimumprofit" class="singleslider" data-track-theme="a" data-theme="b" min="1" max="10" value="2" step="0.25">
      </div>

      <label>
        <input type="checkbox" name="entryminimumprofittrigger">Enable Minimum Profit Criteria</label>

      <div class="ui-field-contain">
        <label>Minimum Short Leg Volume:</label>
        <input type="range" name="entryminimumshortlegvol" class="singleslider" data-track-theme="a" data-theme="b" min="0" max="500" value="10" step="5">
      </div>

      <label>
        <input type="checkbox" name="entryminimumshortlegvoltrigger" checked>Enable Minimum Short Leg Volume</label>

      <div class="ui-field-contain">
        <label>Minimum Long Leg Volume:</label>
        <input type="range" name="entryminimumlonglegvol" class="singleslider" data-track-theme="a" data-theme="b" min="0" max="1000" value="10" step="5">
      </div>

      <label>
        <input type="checkbox" name="entryminimumlonglegvoltrigger" checked>Enable Minimum Long Leg Volume</label>

    </div>

    <!--Exit Stop Loss Criteria:-->
    <h3 class="ui-bar ui-bar-a ui-corner-all">Exit Criteria</h3>
    <div class="ui-body ui-body-a ui-corner-all">
      <div class="ui-field-contain">
        <label>Minimum Short Leg Volume:</label>
        <input type="range" name="exitminimumshortlegvol" class="singleslider" data-track-theme="a" data-theme="b" min="0" max="1000" value="10" step="5">
      </div>

      <label>
        <input type="checkbox" name="exitminimumshortlegvoltrigger" checked>Enable Minimum Short Leg Volume</label>

      <div class="ui-field-contain">
        <label>Minimum Long Leg Volume:</label>
        <input type="range" name="exitminimumlonglegvol" class="singleslider" data-track-theme="a" data-theme="b" min="0" max="1000" value="10" step="5">
      </div>

      <label>
        <input type="checkbox" name="exitminimumlonglegvoltrigger" checked>Enable Minimum Long Leg Volume</label>

    </div>

    <!--Exit Stop Loss Criteria:-->
    <h3 class="ui-bar ui-bar-a ui-corner-all">Exit Stop Loss Criteria</h3>
    <div class="ui-body ui-body-a ui-corner-all">
      <div class="ui-field-contain">
        <label>Maximum Delta:</label>
        <input type="range" name="exitmaximumdelta" class="singleslider" data-track-theme="a" data-theme="b" min="0" max="0.25" value="0.08" step="0.01">
      </div>

      <label>
        <input type="checkbox" name="exitmaximumdeltatrigger">Enable Maximum Delta</label>

      <div class="ui-field-contain">
        <label>Maximum Distance:</label>
        <input type="range" name="exitmaximumdistance" class="singleslider" data-track-theme="a" data-theme="b" min="10" max="100" value="25">
      </div>

      <label>
        <input type="checkbox" name="exitmaximumdistancetrigger">Enable Maximum Distance</label>

      <div class="ui-field-contain">
        <label>Stop Loss Multiplier:</label>
        <input type="range" name="exitstoplossmultiplier" class="singleslider" data-track-theme="a" data-theme="b" min="2" max="10" step="0.5" value="3">
      </div>

      <label>
        <input type="checkbox" name="exitstoplossmultipliertrigger" checked>Enable Stop Loss Multiplier</label>
    </div>

    <!--Exit Early Criteria:-->
    <h3 class="ui-bar ui-bar-a ui-corner-all">Exit Early Criteria</h3>
    <div class="ui-body ui-body-a ui-corner-all">
      <div class="ui-field-contain">
        <label>Acceptable Premium To Leave Behind:</label>
        <input type="range" name="earlyexitpremiumloss" class="singleslider" data-track-theme="a" data-theme="b" min="0" max="0.1" value="0.05" step="0.01">
      </div>

      <label>
        <input type="checkbox" name="earlyexitpremiumlosstrigger">Enable Premium To Leave Behind</label>

      <div class="ui-field-contain">
        <label>Acceptable Profit To Leave Behind (%):</label>
        <input type="range" name="earlyexitprofitloss" class="singleslider" data-track-theme="a" data-theme="b" min="0" max="1.0" value="0.5" step="0.1">
      </div>

      <label>
        <input type="checkbox" name="earlyexitprofitlosstrigger">Enable Profit to Leave Behind</label>

      <div class="ui-field-contain">
        <label><span class="dropt" title="Close early if at least this many days left">
Minimum Days Remaining:</span></label>
        <input type="range" name="earlyexitminimumdays" class="singleslider" data-track-theme="a" data-theme="b" min="1" max="10" value="5" step="0.1">
      </div>

      <label>
        <input type="checkbox" name="earlyexitminimumdaystrigger">Enable Minimum Days Remaining</label>
    </div>

    <div class="ui-grid-a ui-responsive">
      <div class="ui-block-a">
        <input type="reset" value="Reset">
      </div>
      <div class="ui-block-b">
        <input type="submit" name="submit" value="Submit">
      </div>
    </div>

  </div>
</div>

jQuery.noConflict();
#头衔{
字体大小:4vh;
}
策略测试
新战略
策略名称
传播标准
符号:
象征
NFLX
间谍
SPX
间谍
SPX
间谍
SPX
间谍
SPX
排列类型:
传播类型
多头价差
熊市
进入标准
过期距离:
范围滑块:
包括每周到期日
最大增量:
扩展宽度:
范围滑块:
最小距离(%):
最低保费:
启用最低保费标准
最低目标利润(%):
启用最低利润标准
最小短腿体积:
启用最小短腿音量
最小长腿体积:
启用最小长腿体积
退出标准
最小短腿体积:
启用最小短腿音量
最小长腿体积:
启用最小长腿体积
出口止损标准
最大增量:
启用最大增量
最大距离:
启用最大距离
止损乘数:
启用停止损耗乘数
提前退出标准
留下的可接受保费:
使保险费留有余地
可接受的剩余利润(%):
留利
最短剩余天数:
启用最短剩余天数

页面提交至:strategyreview.php

<?php

  $symbol="";
  $delta=0.08;
  $distance=12;
  $premium=0.25;
  $daysToExpiration=35;
  $spread=15;
  $mininterest = 20; 
  $monthly = "yes";
  $monthlyCheck = "checked";
  $menuCheck = "checked";
  $minvolume=0;

  if(isset($_POST['update'])){
    echo "Set values.";
  } else {
    echo "No values set.";
  }

  echo "words words strat review";

      $strategyname = $_POST['strategyname'];
      $symbols = $_POST['symbols']; 
      $spreadtype = $_POST['spreadtype'];
      $expirationdistancelow = $_POST['expirationdistancelow'];
      $expirationdistancehigh = $_POST['expirationdistancehigh'];
      $includeweeklyexpirations = $_POST['includeweeklyexpirations'];
      $entrymaximumdelta = $_POST['entrymaximumdelta'];
      $spreadwidthlow = $_POST['spreadwidthlow'];
      $spreadwidthhigh = $_POST['spreadwidthhigh'];
      $entryminimumdistance = $_POST['entryminimumdistance'];
      $entryminimumpremium = $_POST['entryminimumpremium'];
      $entryminimumpremiumtrigger = $_POST['entryminimumpremiumtrigger'];
      $entryminimumprofit = $_POST['entryminimumprofit'];
      $entryminimumprofittrigger = $_POST['entryminimumprofittrigger'];
      $entryminimumshortlegvol = $_POST['entryminimumshortlegvol'];
      $entryminimumshortlegvoltrigger = $_POST['entryminimumshortlegvoltrigger'];
      $entryminimumlonglegvol = $_POST['entryminimumlonglegvol'];
      $entryminimumlonglegvoltrigger = $_POST['entryminimumlonglegvoltrigger'];
      $exitminimumshortlegvol = $_POST['exitminimumshortlegvol'];
      $exitminimumshortlegvoltrigger = $_POST['exitminimumshortlegvoltrigger'];
      $exitminimumlonglegvol = $_POST['exitminimumlonglegvol'];
      $exitminimumlonglegvoltrigger = $_POST['exitminimumlonglegvoltrigger'];
      $exitmaximumdelta = $_POST['exitmaximumdelta'];
      $exitmaximumdeltatrigger = $_POST['exitmaximumdeltatrigger'];
      $exitmaximumdistance = $_POST['exitmaximumdistance'];
      $exitmaximumdistancetrigger = $_POST['exitmaximumdistancetrigger'];
      $exitstoplossmultiplier = $_POST['exitstoplossmultiplier'];
      $exitstoplossmultipliertrigger = $_POST['exitstoplossmultipliertrigger'];
      $earlyexitpremiumloss = $_POST['earlyexitpremiumloss'];
      $earlyexitpremiumlosstrigger = $_POST['earlyexitpremiumlosstrigger'];
      $earlyexitprofitloss = $_POST['earlyexitprofitloss'];
      $earlyexitprofitlosstrigger = $_POST['earlyexitprofitlosstrigger'];
      $earlyexitminimumdays = $_POST['earlyexitminimumdays'];
      $earlyexitminimumdaystrigger = $_POST['earlyexitminimumdaystrigger'];

    echo "$strategyname<br>";


?>

由于路径问题,表单似乎无法正常工作。即使URL等不同,页面实际上也没有改变

data ajax=“false”
添加到表单标记,以防止jQuery mobile通过ajax处理表单提交。

data ajax=“false”
添加到表单标记,如

<form action="strategyreview.php" method="post" data-ajax = "false">


干杯。“太好了,这很有帮助。”亚历克斯,我不是说你。我说的是那个投了否决票的人。你看不见,但有+1-1=0。有人回答了-1,但根本没有提到原因。