在JavaScript如何選擇一個時需要多個表單域？

在html5頁面中，我有兩個標準格式的字段。我需要的是當用戶選擇這些字段中的任何一個字段來要求其他字段中的數據時。提交時的任何空白字段都要求所有相關字段包含數據。在JavaScript如何選擇一個時需要多個表單域？

當第二個字段沒有被用戶填充時，這對於第一個字段可以正常工作。但是當第二個字段被填充並且第一個字段爲空時，它不起作用 - 繞過這個條件並轉到checkSubmission函數。

即

 <script language="javascript"> 

     function validateAndSend() { 
     if (myform.field1.value != '' && myform.field2.value == '') { 
      alert('You have to enter data in field2.'); 
      return false; 
     } else if (myform.field2.value != '' && myform.field1.value == '') { 
      alert('You have to enter data in field 1.'); 
      return false; 
     } else { 
     checkSubmission(); 
     } 
    } 

     function checkSubmission(){ 
     var r = confirm('Are you sure you are ready to submit?'); 
     if (r == true) { 
     myform.submit(); 
     }else{ 
     return false; 
     } 
     } 
    </script> 

    The HTML - 
    <form name="myform" action="mypage.jsp" method="post" onsubmit="validateAndSend();return false;"> 
     <select name="field1" id="textarea1"> 
    <option value=""></option> 
    <option value="data1">data1 select</option> 
    <option value="data2">data 2 select</option> 
    </select> 

    <input type="text" name="field2">

我也有多達4個應在所有應再次涉及到另一個當用戶選擇其中的一個多個字段;他們都必須被要求，一旦四個被選中的形式之一。

任何幫助表示讚賞。

來源

2016-08-13 Ltaylor

對於你的情況，我認爲這將是更好，如果你能爲我們提供了小提琴，例如的jsfiddle。 –

你的代碼[適合我]（https://jsfiddle.net/qfw77hez/）。 – nnnnnn

您是否嘗試過在表單元素的'html'處使用'required'屬性？ – guest271314

爲什麼不把required放在您的輸入欄上？

<input name="whatever" required>

這需要照顧一切無javascript

來源

2016-08-13 02:30:42 javif89

這不適用於OP的要求，即「當用戶選擇這些字段中的任何一個字段以在其他字段中要求數據時」 - 在這種情況下，如果兩個字段是空白的，它應該通過驗證。 – nnnnnn

啊，我明白了。那麼也許他可以添加必要的屬性與jQuery一旦選擇了一個字段 – javif89

在JavaScript如何選擇一個時需要多個表單域？

回答

相關問題