javascript - ラジオボタンと特定のエラーによるフォームの検証

Question

ラジオボタンとテキストエリアがある場所でフォームを検証しようとしています。空のままにしたくない、つまりフォームを完全に埋める必要があります。ユーザーがラジオボタンを選択しないと、その特定の質問に対してエラーが発生する検証のラジオボタンの部分を実行しました。詳細なコードについては、こちらのコードを参照してください。

私を助けてください。テキストエリアでエラーが発生しません。

Answer 1

テキストエリアに別のチェックを追加するだけです

function RadioValidator() {
    var ShowAlert = '';
    var AllFormElements = window.document.getElementById("FormID").elements;
    for (i = 0; i < AllFormElements.length; i++) {
        var name = AllFormElements[i].name;
        if (AllFormElements[i].type == 'radio') {
           ....       
        } else if (AllFormElements[i].type == 'textarea') {
            if (AllFormElements[i].value == '') {
                ShowAlert += name + ' textarea must be filled\n';
            }
        }
    }
    if (ShowAlert !== '') {
        alert(ShowAlert);
        return false;
    } else {
        return true;
    }
}

Answer 2

textarea同様にチェックを追加する必要があります

チェックでは、タイプのタイプ チェックjavascriptの条件のみを追加し、値が空白の場合はエラーを追加しました。radio.textarea

Answer 3

「テキストエリア」ブロックの検証を記述していません。私はそれを1つのテキストエリアで更新しました...残りの検証を追加します。

function RadioValidator()
{
    var ShowAlert = '';
    var AllFormElements = window.document.getElementById("FormID").elements;
    for (i = 0; i < AllFormElements.length; i++) 
    {
        if (AllFormElements[i].type == 'radio') 
        {
            var ThisRadio = AllFormElements[i].name;
            var ThisChecked = 'No';
            var AllRadioOptions = document.getElementsByName(ThisRadio);
                        var problem_desc = document.getElementById("problem_desc");

            for (x = 0; x < AllRadioOptions.length; x++)
            {
                 if (AllRadioOptions[x].checked && ThisChecked === 'No' && problem_desc.value === "")
                 {
                     ThisChecked = 'Yes';
                     break;
                 } 
            }

            var AlreadySearched = ShowAlert.indexOf(ThisRadio);
            if (ThisChecked == 'No' && AlreadySearched == -1 && problem_desc.value === "")
            {
            ShowAlert = ShowAlert + ThisRadio + ' option must be selected\n';
            }
        }else if(AllFormElements[i].type =='textarea')
        {
          // add your rest of text area validations here

          var problem_desc_1 = document.getElementById("problem_desc");
          if(problem_desc_1.value === "")
          {

            ShowAlert = ShowAlert + '"Services (Please Specify)" can not be blank. \n';
          }


        }
    }
    if (ShowAlert !== '')
    {
    alert(ShowAlert);
    return false;
    }
    else
    {
    return true;
    }
}