2014-10-03 67 views
0

這是我的表單代碼jQuery的 - 如何驗證至少一個輸入文本充滿

<form action="http://localhost/package/insert" accept-charset="utf-8" name="frmAdd" id="frmAdd" method="POST" enctype="multipart/form-data"> 
      <input type="radio" name="type" id="type_single" value="single" style="float:left"> 
      <span style="float:left;margin-right:30px;">Single</span> 

      <span id="val-type" class="tooltips">Type is required!</span> 

      <input type="text" name="single" id="single" /> 
      <span id="val-single" class="tooltips">Single is required!</span> 
      - OR - 
      <input type="file" name="single_list"> 
      <span id="val-single_list" class="tooltips">Single is required!</span> 
    </form> 

frmAdd功能:

$(document).ready(function() { 

    $('#frmAdd').ajaxForm({ 
    target: "#targetForm", 
    type: "POST", 
    dataType: "json", 
    beforeSubmit: function() { 
     return checkForm(); 
    } 
    }); 
}); 

,這是我checkForm()功能

function checkForm() { 
    var flag = true; 

    if (!$('input:radio:checked').length > 0) { 
     $("#val-type").fadeIn('slow'); 
     flag = false; 
    } 

    if ($("#type_single").is(':checked')) { 
     var single_val = $("#single").val(); 
     single_list_val = $("#single_list").val(); 

     if (single_val == '' && $.trim(single_val == '')) { 
      $("#val-single").fadeIn('slow'); 
      flag = false; 
     } 
    }  

    if (flag == false) { 
     setTimeout(function() { 
      $('.tooltips').fadeOut('slow'); 
     }, 3000); 
     return false; 
    } 

    return true; 
} 

這一部分:

<input type="text" name="single" id="single" /> 
<span id="val-single" class="tooltips">Single is required!</span> 
- OR - 
<input type="file" name="single_list"> 
<span id="val-single_list" class="tooltips">Single is required!</span> 

如何驗證至少如果這些輸入文本的一個充滿形式是有效的,我不希望使用任何的jQuery插件做到這一點。

回答

1

你可以這樣做:

if($('input[type=text]').filter(function(){ return $(this).val(); }).length != 0){ 
    // at least one is filled 
} 
+0

那* CSS *選擇涼爽。 – loveNoHate 2014-10-03 05:28:38

+0

檢查值_「屬性」_而不是值_「屬性」_不是很酷。 – undefined 2014-10-03 05:32:24

+0

@undefined編輯但我可以知道爲什麼不是? – 2014-10-03 05:35:14

0

您可以添加以下到您的驗證功能:

if (!($('input[name="single"]').val() || $('input[name="single_list"]').val())) { 
    flag = false; 
} 
相關問題