проверки с помощью javascript generi c функций - PullRequest
0 голосов
/ 14 января 2020

как мы добавляем обобщенные функции c для поля ввода текста, переключателей, флажков, раскрывающихся списков, используя javascript?

Я применил проверки javascript с использованием регулярного выражения ко всем поля ввода, но теперь я хочу применить выражение generi c для тех же полей ввода, используя только одиночное значение для l oop. пожалуйста, помогите мне, я не могу написать это generi c выражений к этому.

 function validationfun()
    {


     //regular expression for name field
     // user variable declaration

    var Namecheck = /^[a-z A-Z.]{3,30}$/;
    var user = document.getElementById('user_name').value;

     //regular expression for email field
     // email variable declaration

    var emailcheck = /^[a-zA-Z_]{3,}@[A-Za-z]{3,}[.]{1}[A-Za-z.] 
    {2,6}$/;
    var email = document.getElementById('Email').value;


     //regular expression for organisation field
     // organ variable declaration


    var orgcheck = /^[a-z A-Z.]{3,30}$/;
    var organ = document.getElementById('organisation').value;



    //checkboxes

    var day1 = document.getElementById('Day1').checked;
    var day2 = document.getElementById('Day2').checked;
    var day3 = document.getElementById('Day3').checked;

    //radio buttons

    var r1 = document.getElementById('none').checked;
    var r2 = document.getElementById('vegetarian').checked;
    var r3= document.getElementById('vegen').checked;
    var r4 = document.getElementById('kosher').checked;
    var r5 = document.getElementById('gluten-free').checked;
    var r6 = document.getElementById('other').checked;

    //city

    var city = document.getElementById("City");
    var optionSelIndex = city.options[city.selectedIndex].value;



    //country

    var Con = document.getElementById("country");
    var optionSelIndexs = Con.options[Con.selectedIndex].value;


    //single checkbox field

    var singlecheck = document.getElementById('yes-check').checked



    //username validation

    if(user == ""){
        document.getElementById('Nameerror').innerHTML ="This is a 
    required question";
        return false;
    }
    else if((user.length <= 2) || (user.length > 20)) {
        document.getElementById('Nameerror').innerHTML =" ** Username 
   length must be between 2 and 20";
        return false;  
    }
    else if(!isNaN(user)){
        document.getElementById('Nameerror').innerHTML =" ** only 
    characters are allowed";
        return false;
    }
    else if(Namecheck.test(user)){
            document.getElementById('Nameerror').innerHTML = " ";
        }



    //email validation

    if(email == ""){
        document.getElementById('emailError').innerHTML ="This is a 
    required question";
        return false;
    }
    else if(email.indexOf('@') <= 0 ){
        document.getElementById('emailError').innerHTML =" ** @ Invalid 
    Position";
        return false;
    }

    else if((email.charAt(email.length-4)!='.') && 
    (email.charAt(email.length-3)!='.')){
        document.getElementById('emailError').innerHTML =" ** . Invalid 
    Position";
        return false;
    }
    else if(emailcheck.test(email)){
        document.getElementById('emailerror').innerHTML = " ";
    }



    //Organisation validation

    if(organ == ""){
        document.getElementById('organerror').innerHTML ="This is a 
    required question";
        return false;
    }
    else if((organ.length <= 2) || (user.length > 20)) {
        document.getElementById('organerror').innerHTML =" ** 
    Organisation length must be between 2 and 20";
        return false;  
    }
    else if(!isNaN(organ)){
        document.getElementById('organerror').innerHTML =" ** only 
    characters are allowed";
        return false;
    }
    else if(orgcheck.test(organ)){
        document.getElementById('organerror').innerHTML = " ";
    }




     //city validation


     if(optionSelIndex==0){
        document.getElementById('cityerror').innerHTML =" This is the 
      required question"
      }
        else{
        document.getElementById('cityerror').innerHTML ="  "
        }


    // country validation

      if(optionSelIndexs==0){
        document.getElementById('countryerror').innerHTML =" This is 
    the required question"
    }

        else{
        document.getElementById('countryerror').innerHTML ="  "
        }

     //checkboxes validation

     if(day1 == false && day2 == false && day3 == false){
         document.getElementById('checkError').innerHTML =" This is the 
     required question";
         return false;

     }


     // radiobuttons validation

        if(r1 ==false && r2 ==false && r3 ==false && r4 == false && 
       r5==false && r6 ==false){
        document.getElementById('radError').innerHTML =" This is the 
        required question";
        return false;
        }else {
        return true;
        }



        // if(singlecheck == false ){
        //     document.getElementById('yescheck').innerHTML =" This is 
        the required question";
        //     return false;
        //     }
        //     else{
        //         document.getElementById('yescheck').innerHTML = " ";
        //     }





        }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...