javascript - 提交前验证表单

Question

有一个表格。提交按钮不适用于 id = "modal-btn-register-request" 的 ActiveForm。在 JQuery 中，通过单击此按钮我调用 $("#modal-btn-register-request").submit() 并且表单已验证或未发送到操作。单击按钮之前如何验证。都是关于按钮的，如果你插入标准的Html::submitButton，如果表单有错误，数据不会发送

模型中的规则

public function rules()
{
    return [            
        [['email'], 'required'],
        [['email'], 'email'],            
        [['password','password_confirm'], 'required'],
    ];
}

View 中的表单

 <?php \yii\widgets\ActiveForm::begin(['action' => '/sign-up']); ?>
     <?php echo $form->field($registerForm, 'email')->textInput(['placeholder' => 'Input login', 'class' => 'modal-login__input inp-main']); ?>
     <?php echo $form->field($registerForm, 'password')->passwordInput(['placeholder' => 'Input password', 'class' => 'modal-login__input inp-main']) ?>
     <?php echo $form->field($registerForm, 'password_confirm')->passwordInput(['placeholder' => 'Confirm the password','class' => 'modal-login__input inp-main']) ?>
 <?php \yii\widgets\ActiveForm::end(); ?>

   <div class="modal-login__form-btns-cont clearfix">
     <div class="modal-login__form-btn-wp modal-login__form-submit-cont text-md-right float-md-right">
       <a class="modal-login__submit-btn" id="modal-btn-register-request" href="">Come in</a>
     </div>
   </div>

jQuery 代码

$("#modal-btn-register-request").click(function() {
    $("#w3").submit();          
});

如果字段不正确，不发送表单，反之亦然？

或者如何在单击不属于 ActiveForm 的元素时发送表单并考虑验证

Answer 1

使用 event.preventDefault() 和 yiiActiveForm 对象:

$("#modal-btn-register-request").click(function(event) {
    event.preventDefault();
    jQuery('#w3').yiiActiveForm().submit();    
});