Объединить 2 элемента внутри onClick

Question

У меня это прекрасно работает с использованием 1 вызова onClick (выполняется проверка по электронной почте).

<script type='text/javascript'> 
function emailValidator(elem, helperMsg){ 
    var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/; 
    if(elem.value.match(emailExp)){ 
     return true; 
    }else{ 
     alert(helperMsg); 
     elem.focus(); 
     return false; 
    } 
} 
</script> 

В теле моей страницы

<a href="#" 
    title="Yes, Count Me In!" 
    onclick="emailValidator(document.getElementById('email'), 'Please Enter A Valid Email'); return false;" 
> 

----> Теперь, можно ли выполнить условие для этого OnClick? Если поле электронной почты действительно, запустите этот другой дополнительный вызов (rsvp ('да');).

<a href="#" 
    title="Yes, Count Me In!" 
    onclick="emailValidator(document.getElementById('email'), 'Please Enter A Valid Email'); rsvp('yes'); return false;" 
> 

Answer 1

Да, это возможно, но это, вероятно, не поможет, как вы этого хотите. Кроме того, ваш код будет вызывать функцию rsvp-function, которую вы получаете от функции emailValidator. Вы, вероятно, хотите сделать что-то вроде этого:

<a href="#" title="Yes, Count Me In!" onclick="if(emailValidator(document.getElementById('email'), 'Please Enter A Valid Email')){rsvp('yes');};return false;"> 

Другой умный намек для вас, чтобы заменить document.getElementById -часть с this, например, так:

<a href="#" title="Yes, Count Me In!" onclick="if(emailValidator(this, 'Please Enter A Valid Email')){rsvp('yes');};return false;"> 

Это должно убедиться, что даже если переименовать идентификатор ввода, он все равно будет работать. Когда внутри onclick, или onchange или что-то еще, это всегда ссылается на объект, щелкнув/отредактированный/и т. Д.

Также, как было предложено другими, я рекомендую сделать функцию, которая сделает это за вас, но я знаю людей, которые любят вкладывать всю свою логику в обработчик onclick, и поскольку это то, о чем вы просили, Думаю, я покажу, как это сделать. Однако следует отметить, что это становится грязным быстро, и делать что-то вроде

function rsvpClick() { 
    if(emailValidator(document.getElementById('email'), 'Please Enter A Valid Email')) rsvp('yes'); 
} 

, а затем

<a href="#" title="Yes, Count Me In!" onclick="rsvpClick();"> 

обычно является гораздо более чистым и читаемым.

Answer 2

сделать глобальную функцию, которая использует логику и вызывать эту функцию в вашем OnClick событие

Answer 3

<a href="#" title="Yes, Count me In!" onclick="myFunction"> 

<script> 
    function myFunction() { 
     var elem = document.getElementById("email"); 
     emailValidator(elem, 'Please Enter A Valid Email') && rsvp('yes'); 
    } 

    var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/; 

    function emailValidator(elem, helperMsg){ 
     return elem.value.match(emailExp) ? 
      true : 
      (alert(helperMsg), elem.focus(), false); 
    } 

</script> 

Первый абстрактном что OnClick код для глобальной функции. Затем проверьте подлинность электронной почты и запустите только функцию rsvp, если письмо действительно (т. Е. Оно возвращает true)

Answer 4

Вы можете просто добавить вызов своей функции rsvp(), если она прошла проверку. Например:

function ValidateAndRSVP(elem, helperMsg){  
    var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;  
    if(elem.value.match(emailExp)){ 
     rsvp('yes');  
     return true;  
    } 
    else{   
     alert(helperMsg);   
     elem.focus();   
     return false;  
    } 
}