堆棧內存溢出
  簡體   English   中英

無法在表單操作mailto中發送超過12個單選和復選框選項

[英]Cant send more than 12 radio and checkbox option in form action mailto

 原文  2016-02-16 05:32:09  7   1    javascript/ jquery/ html5/ radio-button/ mailto

問題描述

我有這樣的代碼，例如帶有單選按鈕和復選框的調查表。 我嘗試使用所有選項填寫此表單，但是如果我在整個頁面中選擇了12個以上的廣播和復選框（總計），則該表單的mailto操作將無法執行。

如果我選擇少於12個單選按鈕和復選框，它將所有輸入都作為純文本輸入，並且可以運行。 我需要用戶允許最大選擇，然后通過郵件發送數據。 我不知道JavaAPIMail servlet，所以嘗試通過表單操作mailto嘗試。 

<section>

  <form action="MAILTO:someone@example.com" method="post" enctype="text/plain">                                                 
    <div class="title1">


      <ol class="list-group">
        <li class="list-group-item"> heading 1 :  
          <div>
            <label class="radio-inline"><input type="radio" name="1" value="J">j</label>
            <label class="radio-inline"><input type="radio" name="1" value="K">K</label>
            <label class="radio-inline"><input type="radio" name="1" value="L">L</label>
            <label class="radio-inline"><input type="radio" name="1" value="M">M</label>
            <label class="radio-inline"><input type="radio" name="1" value="N">N</label>
            <label class="radio-inline"><input type="radio" name="1" value="O">O</label>
          </div>
        </li>                       
        <li class="list-group-item"> Heading 2 :   
          <div class="form-row">
            <textarea name ="Head2:" placeholder ="Type Here" id ="H"></textarea>
          </div> 
        </li>
        <li class="list-group-item"> Heading 3 : (you can select more than one option)    
          <div>
            <label class="checkbox-inline"><input type="checkbox" name="A:" class="ipad CCBOX" value="ipad">iPad</label>
            <label class="checkbox-inline"><input type="checkbox" name="A:" class="web CCBOX" value="web">Web</label>
            <label class="checkbox-inline"><input type="checkbox" name="A:" class="other CCBOX" value="other">other</label> 
          </div>
        </li>                           

        <li class="list-group-item"> Heading 4:  
          <div>                          
            <label class="radio-inline"><input type="radio" name="B" value="Daily">Daily</label>
            <label class="radio-inline"><input type="radio" name="B" value="Weekly">Weekly</label>
            <label class="radio-inline"><input type="radio" name="B" value="Biweekly">Biweekly</label>
            <label class="radio-inline"><input type="radio" name="B" value="Monthly">Monthly</label>
          </div>
        </li>    




      </ol>

      <span id="web"><h3><b>Web</b></h3>

        <ol class="list-group" >
          <li class="list-group-item"> Heading 6: 
            <div>

              <label class="radio-inline"><input type="radio" name="C" value="Easy">Easy</label>
              <label class="radio-inline"><input type="radio" name="C" value="Neither easy nor difficult">Neither easy nor difficult</label>
              <label class="radio-inline"><input type="radio" name="C" value="Difficult">Difficult</label>
            </div>
          </li>                       

          <li class="list-group-item"> Heading 7: 

            <div class="form-row">
              <textarea name = "Q :" placeholder = "Type Here" id = "comment-good" ></textarea>
            </div>
          </li>                           
          <li class="list-group-item"> Heading 8:

            <div class="form-row">
              <textarea name = "W" placeholder = "Type Here" id = "comment-lack" ></textarea>
            </div>
          </li>                           
          <li class="list-group-item"> Heading 9

            <div class="form-row">
              <textarea name = "E" placeholder = "Suggestions" id = "comment-sugg"></textarea>
            </div>
          </li>

        </ol></span>

      <span id="ipad"><h3><b>ipad</b></h3>

        <ol class="list-group">
          <li class="list-group-item"> Heading 9  
            <div>

              <label class="radio-inline"><input type="radio" name="R" value="ipad Easy">Easy</label>
              <label class="radio-inline"><input type="radio" name="R" value="ipad Neither easy nor difficult">Neither easy nor difficult </label>
              <label class="radio-inline"><input type="radio" name="R" value="ipad Difficult">Difficult</label>
            </div>
          </li>                       

          <li class="list-group-item"> Heading 10
            <div class="form-row">
              <textarea name = "T" placeholder = "Type Here" id = "comment-goodipad"></textarea>
            </div>
          </li>                           
          <li class="list-group-item"> Heading 11
            <div class="form-row">
              <textarea name = "Y: " placeholder = "Type Here" id = "comment-lackipad" ></textarea>
            </div>
          </li>                           
          <li class="list-group-item"> Heading 12
            <div class="form-row">
              <textarea name = "U " placeholder = "Suggestions" id = "comment-suggipad" ></textarea>
            </div>
          </li>

        </ol></span>



      <span id="other"><h3><b>Other</b></h3>

        <ol class="list-group">

          <li class="list-group-item"> Heading 13 
            <div class="form-row">
              <textarea name = "I" placeholder = "Type Here" id = "comment-asuse" ></textarea>
            </div>
          </li>
          <li class="list-group-item"> O
            <div>      
              <label class="radio-inline"><input type="radio" name="S" value="Easy">Easy</label>
              <label class="radio-inline"><input type="radio" name="S" value="Neither Easy nor difficult">Neither Easy nor difficult</label>
              <label class="radio-inline"><input type="radio" name="S" value="Difficult">Difficult</label>
            </div>
          </li>                           
          <li class="list-group-item"> Heading 14 :
            <div>
              <label class="radio-inline"><input type="radio" name="Z" value="Yes">Yes</label>
              <label class="radio-inline"><input type="radio" name="Z" class="csgo view" value="No">No</label>
            </div>
          </li>                           
          <li class="list-group-item excel" > Heading 15
            <div class="form-row">
              <textarea name = "X" placeholder = "Type Here" id = "comment-lackasd" ></textarea>
            </div>
          </li>                           
          <li class="list-group-item"> Heading 16:
            <div class="form-row">
              <textarea name = "V" placeholder = "Suggestions" id = "comment-suggasd" ></textarea>
            </div>
          </li>

        </ol></span>



      <h3><b>Scope</b></h3>

      <ol class="list-group">
        <li class="list-group-item"> Heading 17
          <div>

            <label class="radio-inline"><input type="radio" name="F" value="Most of the times">Most of the times</label>
            <label class="radio-inline"><input type="radio" name="F" value="Occasionally">Occasionally  </label>
            <label class="radio-inline"><input type="radio" name="F" value="Doesn't meet my requirements">
              Doesn't meet my requirements</label>
          </div>
        </li>                       
        <li class="list-group-item"> Heading 18:    
          <div>
            <label class="checkbox-inline"><input type="checkbox" name="d :"  value="D">D</label>
            <label class="checkbox-inline"><input type="checkbox" name="d :"  value="S">S</label>
            <label class="checkbox-inline"><input type="checkbox" name="d :"  value="C">C</label> 
            <label class="checkbox-inline"><input type="checkbox" name="d :"  value="M">M</label>
            <label class="checkbox-inline"><input type="checkbox" name="d :"  value="R">R</label>


          </div>

        </li>
        <li class="list-group-item"> Heading 19
          <div class="form-row">
            <textarea name = "hi:" placeholder = "Type Here" id = "comment-l" ></textarea>
          </div>
        </li>                           

        <li class="list-group-item"> Heading 20
          <div class="form-row">
            <textarea name = "hi2:" placeholder = "Suggestions" id = "comment-s" ></textarea>
          </div>
        </li>

      </ol>

      <h3><b>Overall Experience</b></h3>

      <ol class="list-group">

        <li class="list-group-item"> Heading 21:
          <div>
            <label class="radio-inline"><input type="radio" name="H" value="Likely">Likely</label>
            <label class="radio-inline"><input type="radio" name="H" value="Not-Sure">Not Sure</label>
            <label class="radio-inline"><input type="radio" name="H" value="Unlikely">Unlikely</label>
          </div>
        </li>                           
        <li class="list-group-item"> Heading 22:  
          <div>   
            <label class="radio-inline"><input type="radio" name="G" value="Satisfied">Satisfied</label>
            <label class="radio-inline"><input type="radio" name="G" value="Neutral">Neutral</label>
            <label class="radio-inline"><input type="radio" name="G" value="Dissatisfied">Dissatisfied</label>
          </div> 
        </li>                           
        <li class="list-group-item"> Heading 24:
          <div>  
            <label class="radio-inline"><input type="radio" name="..." value="Size">Size</label> 
            <label class="radio-inline"><input type="radio" name="..." value="Competition">Competition</label>
            <label class="radio-inline"><input type="radio" name="..." value="Mix of both">Mix of both</label>
          </div>
        </li>                           


        <li class="list-group-item"> Please provide your overall satisfaction:  
          <input id="input-2c" class="rating" min="0" max="5" step="0.5" data-size="sm" name="rating" data-symbol="&#xf005;" data-glyphicon="false" data-rating-class="rating-fa">

        </li>                      


      </ol>


      <!-- form submission -->
      <div class="wrapper">
        <input type="submit"  value="Send" class="btn btn-primary">


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

</section>

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


</body>
<script type="text/javascript">
  $('.CCBOX').click(function () {

    $('#other').hide();
    $('#web').hide();
    $('#ipad').hide();

    if($(".ipad:checked").length === 1 ){
      $('#ipad').show();

    }
    if($(".web:checked").length === 1 ){
      $('#web').show();

    }
    if($(".other:checked").length === 1 ){
      $('#other').show();

    }
  });
</script>

<script type="text/javascript">
  $(function() {
    $('input[name="Z"]').on('click', function() {
      if ($(this).val() == 'No') {
        $('.excel').show();
      }
      else {
        $('.excel').hide();
      }
    });
  });

</script>
</html>

我面臨的問題是，當我單擊“發送”按鈕並選擇了所有選項時，mailto無法正常工作。 但是，如果我選擇了幾個單選按鈕和復選框（最多12個），則郵件功能會運行。 請在需要更改的地方幫助我。

1 個解決方案

解決方案1
 0 已采納  2016-02-16 07:08:14

當我檢查所有內容並提交時，我會收到一封包含以下內容的電子郵件： 

1=O
Head2:=
A:=ipad
A:=web
A:=other
B=Monthly
C=Difficult
Q :=
W=
E=
R=ipad Difficult
T=
Y: =
U =
I=
S=Difficult
Z=No
X=
V=
F=Doesn't meet my requirements
d :=D
d :=S
d :=C
d :=M
d :=R
hi:=
hi2:=
H=Unlikely
G=Dissatisfied
...=Mix of both
rating=

因此，很明顯，它為我工作。 這就是為什么我認為這是操作系統或郵件客戶端問題。

這里是所有使用值的文本區域和文本字段： 

1=O
Head2:=
A:=ipad
A:=web
A:=other
B=Monthly
C=Difficult
Q :=value of Q :
W=value of W
E=value of E
R=ipad Difficult
T=value of T
Y: =value of Y: 
U =value of U 
I=value of I
S=Difficult
Z=No
X=value of X
V=value of V
F=Doesn't meet my requirements
d :=D
d :=S
d :=C
d :=M
d :=R
hi:=value of hi:
hi2:=value of hi2:
H=Unlikely
G=Dissatisfied
...=Mix of both
rating=Satisfaction value

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 JavaScript是否可以通過單擊按鈕但不使用mailto：或表單操作來發送電子郵件？ 在mailto表單中包括選擇選項 從多個復選框和一個單選按鈕獲取信息 使用復選框對多個 select 做出反應，每行有多個選項 使用JavaScript檢測表單中是否選中了多個復選框 無法發送表格 表格中的收音機/復選框“必需”屬性？ 發送比表單更多的數據（node.js post） 如何使用復選框來顯示表單的更多選項並更改表單的操作屬性？ Select 組中只有一個復選框，但如果是某些復選框，則可以選擇 select 多個復選框
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM