檢查至少 5 個輸入字段中的 2 個不為空
[英]check atleast 2 of 5 input fields were not empty
問題描述
如何檢查五個輸入字段中的兩個並獲取值？ 我正在使用 jQuery，但我不確定這段代碼的正確定位是什么。 也許你們可以幫助我。
這是我的代碼：
$(document).ready(function() { $("#btnSubmit").on('click', function() { var val = $(".validate"); var res = ""; for (var i = 0; i < val.length; i++) { if (val[i].value) { if (i >= 2) { res = "Code Execution here"; } } } alert(res); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" class="validate" id="req1" name="req1"> <input type="text" class="validate" id="req2" name="req2"> <input type="text" class="validate" id="req3" name="req3"> <input type="text" class="validate" id="req4" name="req4"> <input type="text" class="validate" id="req5" name="req5"> <button type="button" class="btn" id="btnSubmit" name="submit">Submit</button>
我得到的結果是，如果執行達到上面的 2，它只會觸發res變量。
我只想在輸入至少兩個字段時提交表單。
謝謝！
5 個解決方案
解決方案1
0 2018-02-01 07:34:17
更改邏輯以計算在 for 循環中具有值的字段數，而不是基數計數更改警報消息
$(document).ready(function() { $("#btnSubmit").on('click', function() { var val = $(".validate"); var res = ""; let count=0; for (var i = 0; i < val.length; i++) { if (val[i].value) { count++; } } if (count >= 2) { res = "Code Execution here"; } alert(res); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" class="validate" id="req1" name="req1"> <input type="text" class="validate" id="req2" name="req2"> <input type="text" class="validate" id="req3" name="req3"> <input type="text" class="validate" id="req4" name="req4"> <input type="text" class="validate" id="req5" name="req5"> <button type="button" class="btn" id="btnSubmit" name="submit">Submit</button>
解決方案2
0 已采納 2018-02-01 07:34:39
您正在檢查前兩個以外的任何值是否有價值
實施支票的正確方法是：
$(document).ready(function(){ $("#btnSubmit").on('click', function(){ var val = $(".validate"); var res = ""; var reqCount=0 for(var i = 0; i < val.length; i++){ if(val[i].value){ reqCount++; } if(reqCount >= 2){ res = "Code Execution here"; } } alert(res); }); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" class="validate" id="req1" name="req1"> <input type="text" class="validate" id="req2" name="req2"> <input type="text" class="validate" id="req3" name="req3"> <input type="text" class="validate" id="req4" name="req4"> <input type="text" class="validate" id="req5" name="req5"> <button type="button" class="btn" id="btnSubmit" name="submit">Submit</button>
我不知道為什么在這個問題上有一個 C# 標簽，如果你想在服務器端這樣做，那將是一個完全不同的問題
解決方案3
0 2018-02-01 07:50:04
如果您只想確保在用戶提交表單之前至少填寫了 2 個字段，您可以執行以下操作：
function isEmpty(validateElem) {
return (validateElem === "" || typeof validateElem === 'undefined') ? true : false;
}
$(function(){
var InputValidateCount = 0;
$('form').submit(function(){
$('input').each(function(e , i){
if(!isEmpty($(this).val())) {
InputValidateCount++;
}
});
if(InputValidateCount < 2) {
return false; // Stop from from submitting;
}
});
});
解決方案4
0 2018-02-01 07:52:46
您應該在提交之前計算已驗證的字段。
如果這回答了你，請點贊。 :P
$(document).ready(function() { $("#btnSubmit").on('click', function() { var val = $(".validate"); var minimumNonEmptyFields = 2; var validatedNonEmptyFieldsCount = 0; for (var i = 0; i < val.length; i++) { if (val[i].value) { validatedNonEmptyFieldsCount++; } } if(validatedNonEmptyFieldsCount >= minimumNonEmptyFields) { alert( validatedNonEmptyFieldsCount + " fields are non-empty"); } else { alert("Please fill " + (minimumNonEmptyFields - validatedNonEmptyFieldsCount) + " more fields"); } }); });
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <title> Validate any 2 input </title> </head> <body> <input type="text" class="validate" id="req1" name="req1"> <input type="text" class="validate" id="req2" name="req2"> <input type="text" class="validate" id="req3" name="req3"> <input type="text" class="validate" id="req4" name="req4"> <input type="text" class="validate" id="req5" name="req5"> <input type="text" class="validate" id="req6" name="req6"> <button type="button" class="btn" id="btnSubmit" name="submit">Submit</button> <script></script> </body> </html>
解決方案5
0 2018-02-01 07:57:51
如果至少兩個輸入不為空，則返回 true 否則返回 false 。
如果 return 為真，則提交表單，否則不會。
$(document).ready(function() { $("#btnSubmit").on('click', function() { var val = $(".validate"); var res = ""; for (var i = 0; i < val.length; i++) { if (val[i].value) { if (i >= 2) { res = "Code Execution here"; console.log("success"); return true; } } } console.log("fail"); return false; }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" class="validate" id="req1" name="req1"> <input type="text" class="validate" id="req2" name="req2"> <input type="text" class="validate" id="req3" name="req3"> <input type="text" class="validate" id="req4" name="req4"> <input type="text" class="validate" id="req5" name="req5"> <button type="button" class="btn" id="btnSubmit" name="submit">Submit</button>
檢查多個輸入字段的val，如果沒有空則創建新的輸入字段
[英]Check val of multiple input fields and if there are no empty create new input field
檢查一個或兩個輸入字段是否為空，值為 0 或負數
[英]Check if one or both input fields are empty, have 0 as value or a negative number
帶船長的 Sails.js：在開始上傳之前檢查文件輸入是否為空
[英]Sails.js with skipper: check if file input were empty before starting upload
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.