首页 > 解决方案 > 提交按钮不验证表单 - Parsley js

问题描述

正如标题所说,提交按钮不是有效的表单,而当我在表单上写是时,就好像它没有激活表单的验证,我不明白为什么。

这是代码...

<form class="w-full h-auto flex flex-col justify-center items-center py-5 px-10 mx-12 bg-white radius" id="registrati" >

        <p class="text-6xl lg:text-xl text-black bold mb-5">Registrati</p>

        <div class="flex justify-center items-center w-full mb-5 lg:mb-2 relative">
          <i class="fas fa-user w-1/12"></i>
          <input class="transparence-input w-3/4 radius p-1 px-10" type="text" name="nome" value="" placeholder="Nome" data-parsley-required="true" data-parsley-trigger="focus keyup submit" data-parsley-required-message="Campo obbligatorio">
          <div class="error-field-icon flex hidden">
            <i class="fas fa-exclamation-circle text-red-800"></i>
            <p class="div-error px-1 absolute text-white lg:text-sm radius h-auto hidden"></p>
          </div>
          <div class="div-check hidden">
            <i class="fas fa-check text-green-500 "></i>
          </div>
        </div>



        <input class="radius p-1 px-10 bg-black text-giallo mt-2" type="button" name="submit" value="Registrati!">

      </form>

这是javascript代码:

$('form#registrati').parsley().on('form:success', function(){

  //Code after success validate form

})
.on('form:submit', function(){
  return false;
})
.on('field:error', function(){
  //....
})
.on('field:success', function(){ 
  //...
})

标签: javascripthtmljqueryformsparsley

解决方案


推荐阅读