Функция javascript внутри функции

Question

Я только что начал с JavaScript и хочу подтвердить форму. Все обучающие программы, которые я нашел, создают предупреждение для обратной связи, но я бы хотел использовать onblur и дать сообщение об ошибке рядом с полем. Мне удалось выполнить две функции отдельно, но они не могут объединить их. Я бы очень признателен за вашу помощь!

Это то, что я придумал, но он не делает то, что мне нужно:

function validateFirstName() 
    { 
    var x=document.forms["demo"]["firstname"].value; 
    if (x==null || x=="" || x==) 
     { 
     function addMessage(id, text) 
     { 
       var textNode = document.createTextNode(text); 
       var element = document.getElementById(id); 
       element.appendChild(textNode); 
       document.getElementById('firstname').value= ('Firstname must be filled out') 
      } 

     return false; 
     } 
    } 

Answer 1

Таким образом, следующий простой способ проверить поле формы, проверив значение ввода при отправке формы. В этом примере сообщения об ошибках просто отправляются в элемент div относительно формы, но это все равно поможет вам.

HTML-код выглядит примерно так:

<div id="errors"></div> 
<form onSubmit="return validate(this);"> 
<input type="text" name="firstName" placeholder="What's your first name?"> 
<button type="submit" value="submit">Submit</button> 
</form> 

код Javascript выглядит примерно так:

function validate(form) { 
var errors =''; 

if(form.firstName.value =="") { 
    errors += '<li>Please enter your first name</li>'; 
} 
if(errors !='') { //Check if there are any errors, if there are, then continue 
    var message = document.getElementById("errors"); //assigns the element with the id of "errors" to the variable "message" 
    message.innerHTML = "<ul>" + errors + "</ul>"; //adds the error message into a list with the error message into the HTML 
    return false; 
} else { 
    return true; 
} 
} 

Как только вы поймете это, вы должны быть в состоянии понять остальное на свой собственный или перейдите к http://www.w3schools.com/ и проверьте раздел javascript, чтобы помочь вам.

Answer 2

Я не уверен, что вы действительно ищете. Если я понял право (и я могу быть очень неправильно) вы ищете что-то вроде:

var x = undefined; // Can be undefined, null, or empty string 
if (x==null || x=="" || x==undefined) { // do no forget to check for undefined 
    function addMessage(id, text) { 
     // Your validation code goes here 
     alert(id + text); 
    }; 
    addMessage(1234, "Mandatory field!"); 
} 

Note, есть несколько способов сделать это. Я просто показываю самый простой способ, о котором я могу думать ...