JQuery & Handling Element идентификаторами

Question

У меня есть следующий код:

function mandatoryField(manF) 
    { 
     var fieldId = $(manF).val(); 
     if(fieldId == "") 
     { 
      return false; 
     } 
     else 
     { 
      return true; 
     } 
    } 

Это не работает, но это делает:

function mandatoryField() 
    { 
     var fieldId = $("#element_1").val(); 
     if(fieldId == "") 
     { 
      return false; 
     } 
     else 
     { 
      return true; 
     } 
    } 

полагаю, на моем первом примере, mandatoryField называется как таковой :

mandatoryField("#element_1") 

Почему это не работает, когда я пытаюсь заменить абсолютное имя элемента с переменной?

Edit:

Самые последние код - неработающие:

function isAmExSelected() 
    { 
     return $("#creditCardType").val() == "American Express"; 
    } 

    function containsOnlyDigits(str) 
    { 
     return str.match(/[^0-9]/) == null; 
    } 

    function validateCCNumber() 
    { 
     var ccn = $("#creditCardNumber").val(); 
     var onlyDigits = containsOnlyDigits(ccn); 
     if(isAmExSelected()) 
     { 
      return ccn.length == 15 && onlyDigits; 
     } 
     else 
     { 
      return ccn.length == 16 && onlyDigits; 
     } 
    } 

    function mandatoryField(manF) 
    { 
     var fieldId = $("#" + manF).val(); 
     return fieldId != ""; 
    } 


    function registerValidation(id, validateMethod(), errorMethod) 
    { 
      $(id).change(function(){ 
       if(validateMethod() == false) 
       { 
        errorMethod(); 
       } 
      }); 
    } 


    $(document).ready(function(){ 
     registerValidation("#creditCardNumber", validateCCNumber, function(){alert("Invalid Credit Card Number!")}); 
     $('input[type=text][class=mandatory]').blur(function(){ 
      if (mandatoryField(this.id)) { 
        alert('Field:' + this.id + ' is mandatory!') 
      } 
     }); 
    }); 

Edit 2

Я переписать всю вещь, чтобы выглядеть следующим образом:

 $('input[type=text][class=mandatory]').blur(function(){ 
      if (!($("#" + this.id).val().length)) { 
        alert('Field:' + this.id + ' is mandatory!'); 
      } 
     }); 

Если текстовый ввод обязательного класса размывается, тогда запустите функцию: if # foo.val() не имеет длины (т. в нем нет текста), запустите оповещение. Я считаю, что он должен работать, но это не так.

Answer 1

Хорошо, это не сработает, потому что jquery предположит, что manF является объектом DOM, но вместо этого вы передаете строку.

вы когда-нибудь пытались

var tr = $('#element1') //----------1 

alert($(tr).val()) //------------2 

тр фактически объект дом

UPDATE ::

почему бы вам не попробовать это один

//some code on some event 

if(!check_mandatory()) 
//do something else 

else do another thing 

//some code on some event 

и функция

function check_mandatory() 
{ 
    $('.mandatory').each(function{ 
     if($(this).val() == ""){ 
      alert($(this).attr("name") + "required"); 
          //or you can use id or any attrib 
      return false; 
     } 
    }) 
} 

примечания коды могут не срабатывать не проверяли, если это не сработает, то дай мне знать

Answer 2

Попробуйте это:

function mandatoryField(manF) 
    { 
     if($('#' + manF).val() == "") 
     { 
      return false; 
     } 
     else 
     { 
      return true; 
     } 
    } 
mandatoryField("element_1"); 

Но это будет получить вас значение элемента, не это id. Я не уверен, что вы делаете.

Trigger на опции поле размытия:

$('input[type=text][class=classForMandatoryFields]').blur(function(){ 
if (mandatoryField(this.id)) { 
    alert('Field:' + this.id + ' is mandatory!') 
} 
}); 

Answer 3

Обновите свой код так:

function mandatoryField(manF) 
{ 
    var fieldId = $("#" + manF).val(); 
    if(fieldId == "") 
    { 
     return false; 
    } 
    else 
    { 
     return true; 
    } 
} 

, а затем повторите попытку.

Answer 4

Не могли бы вы попробовать:

var fieldId = manF.val(); 

mandatoryField($("element_1")); 

Answer 5

Обе части кода должны работать так же, независимо от того, передается ли селектор в качестве аргумента, или при условии, как литерал $ непосредственно. Кроме того, вместо if..else, вы могли бы сделать

function mandatoryField(manF) { 
    var fieldId = $(manF).val(); 
    return fieldId != ""; 
} 

Answer 6

Кроме вашей проблемы селектора, вы можете переписать функцию так:

function mandatoryField(manF){ 
    return $(manF).val().length; 
} 

Это, потому что в JavaScript все имеет истину или ложное значение , Для чисел 0 - false.

EDIT:

Мой тест работает просто отлично:

function mandatoryField(manF){ 
    return $(manF).val().length; 
} 

(...) 

<input id="test" value=""/> 
<input type="button" value="dd" onClick="alert('length: ' + (mandatoryField('#test'))"/>