проверка поля триггера на форме submit

Question

У меня есть компонент ввода текста, который имеет вход для проверки валидатора для проверки уровня поля, который запускается событием, например, щелчком по полю. Я использую компонент ввода текста несколько раз в форме. Как я могу инициировать проверку уровня поля для всех текстовых входов на форме submit.

<form id="update-for-homeaddress" action="/mycontact" method="POST" onSubmit={this.handleSubmit}> 
    <Label labelFor="Nickname" labelText="Nickname:" required/> 
     <TextInput inputName="Nickname" 
        inputType="text" 
        value={this.props.myhomeaddress.AddressAlias} 
        onChange={()=>{}} 
        validator={ValidateFactory.getMandatoryCheck()} 
        ref="TextInputRef" 
      /> 

Answer 1

Предлагаю переместить этот код в тег ниже. Поместите идентификатор в виде теге

затем с помощью этого

$('document').ready(function() 
{ 

    //Jquery validation codes 
    $("#my_form").validate({ 
    submitHandler: submitForm 
     }); 

    function submitForm() 
    { 
     //Submit form from here 
    } 
} 

Вам нужен плагин проверки JQuery здесь, вы можете добавить различные валидации затем на

https://jqueryvalidation.org

Я надеюсь, что это помогает так или иначе.