在表单提交时触发字段验证

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

我希望这会有所帮助。