在表單提交上觸發字段驗證

Question

我有一個文本輸入組件，它有一個用於字段級驗證的驗證程序輸入道具，該驗證程序通過單擊字段等事件觸發。 我在窗體中多次使用文本輸入組件。我如何觸發表單提交上的所有文本輸入的字段級驗證。

<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

我建議將此代碼移動到下面的標記中。把一個ID的形式標記

然後使用這個

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

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

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

您這裏需要的jQuery驗證插件，您可以再添加不同的驗證上

https://jqueryvalidation.org

我希望這有助於任何方式。