проверки Javascript на выбор входа

Question

Я пытаюсь сделать яваскрипт проверяющей формы, и я немного застрял на проверки выпадающих входов (выберите)

Я использую это до сих пор, но я не уверен в том, как реализовать валидация выбранных опций, если кто-нибудь может дать мне несколько советов, которые были бы замечательными.

Edit: Кроме того, как бы я осуществить проверку электронной почты, например, содержащий @, спасибо

Благодаря

<input id="firstname" onblur="validate('firstname')"></input> 

Пожалуйста, введите ваше имя Благодаря

http://jsfiddle.net/ww2grozz/13/

Answer 1

вам нужно обработать выбор следующим образом:

var validated = {}; 

function validate(field) { 
    // Get the value of the input field being submitted 

    value = document.getElementById(field).value; 

    // Set the error field tag in the html 
    errorField = field + 'Error'; 

    // Set the success field 
    successField = field + 'Success'; 

    if (value != '') { 
     document.getElementById(successField).style.display = 'block'; 
     document.getElementById(errorField).style.display = 'none'; 
     validated[field] = true; 
    } else { 
     document.getElementById(successField).style.display = 'none'; 
     document.getElementById(errorField).style.display = 'block'; 
     validated[field] = false; 
    } 
} 

function SimulateSubmit() { 
    // Query your elements 
    var inputs = document.getElementsByTagName('input'); 

    // Loop your elements 
    for (i = 0, len = inputs.length; i < len; i++) { 
     var name = inputs[i].id; 

     if (!validated[name]) { 
      // Call validate 
      validate(name); 
      // Prevent default 
     } 
    } 


    var all_select = document.getElementsByTagName("select"); // get al select box from the dom to validate 
    for (i = 0, len = all_select.length; i < len; i++) { 
     var name = all_select[i].id; 

     if (!validated[name]) { 
      // Call validate 
      validate(name); 
      // Prevent default 
     } 
    } 

} 

here the Working fiddle

Answer 2

с помощью функции JQuery

$('input').on('keyup', function() { 
    var isValid = $.trim($(this).val()) ? true : false; 
    // show result field is Valid 
}); 

Answer 3

Вы должны использовать <form> тег и установить действия для этого я делал это проверить link и я добавил выберите тег и установите его -1 по умолчанию для проверки цели при проверке