Как проверить все поля с одинаковой функцией в JavaScript?

Question

Мне нужно сделать следующее, но я не смог найти в Интернете ни одного примера проверки аналогичной формы:

 <script type="text/javascript">
   function something(){
     if the value on the field who is calling this function == 2,4,6 or 8
     alert("This number is invalid")
     focus in this field. 
</script>

Field1 call something()
Field2 call something()
Field3 call something()
Field4 call something()
Field5 call something()
Field6 call something()

Я пробовал вот так:

function validate()
        {
            valid = true;

            if ( document.form.field_name.value == "2" || document.form.field_name.value == "4" || document.form.field_name.value == "6" ||
           document.form.field_name.value == "8" ){
                alert ( "Invalid number." );
                valid = false;
                document.form.field_name.focus();

            }

            return valid;
        }

Я вызываю функцию следующим образом:

a)"Some text" <input type="text" name="aa" size="1" maxlength="1" onkeypress="return validate(aa)"><br>

Но так мне пришлось бы создавать разные функции для каждого поля. Так, как я мог реализовать это?

Answer 1

Вы можете использовать скобочное обозначение вместо точечное обозначение при сборе элемента формы, что позволяет использовать переменную:

function validate(field_name)
{
  var valid = true;
  var element = document.form[field_name];

  if (!element)
  {
    alert('A field named ' + field_name + ' cannot be found in your form!');
    return false;
  }

  var value = element.value;

  if (value == "2" ||  value == "4" || value == "6" || value == "8")
  {
    alert("Invalid number.");
    valid = false;
    element.focus();
  }

  return valid;
}

Тогда вы 'd просто позвоните validate с названием поля, которое вы хотите проверить.

Ресурсы:

• Точечная запись и квадратная скобка вJavaScript

Answer 2

function validate()
    {
        var valid = true;

        var fields = ['list', 'of', 'unique', 'input', 'ids']; 

        for (inputid in fields) {
            field = document.getElementById(inputid);
            if ( field.value == "2" || field.value == "4" || field.value == "6" ||
       field.value == "8" ) {
                alert ( "Invalid number." );
                valid = false;
                field.focus();
                break;
            }
        }

        return valid;
    }

Answer 3

Вам необходимо параметризовать вашу функцию, передать поле (или его имя в качестве аргумента).

В моем примере используется функция prototype.js $ F, но вы можете сделать это одинаково хорошо с jqueryили (немного более многословно) в нативном Javascript

function validate(field)
     {
            valid = true;
            value = $F(field);


            if ( value == "2" || value == "4" || value == "6" ||
           value == "8" ){
                alert ( "Invalid number." );
                valid = false;
                document.form.field_name.focus();

            }

            return valid;
        }

validate('field1');
validate('field2');

и т. д.

Answer 4

Использование Javascript
1. Операторы if-else, приведенные на этом сайте, могут быть добавлены в вашу функцию проверки внутри цикла, который проверяет каждое поле формы. http://eisabainyo.net/weblog/2009/04/30/10-examples-of-basic-input-validation-in-javascript/

2. Пока неясно, обратитесь к этому великому руководству
http://www.tizag.com/javascriptT/javascriptform.php

Использование jQuery
Вы всегда можете попробовать плагины для проверки jQuery
http://speckyboy.com/2010/06/22/50-jquery-plugins-for-form-functionality-validation-security-and-customisation/

Answer 5

вы можете попробовать использовать jQuery и проверить что-то вроде этого:

var valid = true;

$(".validateMe").each(function()
{
    var v = this.value;

    if(v == "2" || v=="4" || v=="6" || v=="8") {
        valid = false;

        // Exit for each
        return false;
    } 
});

if(!valid){
    alert("Invalid number.");
    $(this).focus();
}

return valid;

Каждое поле должно иметь "validateMe" CssClass