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

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

我希望這會有所幫助。