проверка пользовательской формы не работает


У меня есть форма -

<script type="text/javascript">
    //< ![CDATA[
        var customForm = new VarienForm('createstore');
    //]]>
</script>

    <form class="form-inline" action="createstore/index/create" method="post" id="createstore">
      <div class="form-group">
        <label class="sr-only" for="exampleInputEmail3">First Name</label>
        <input type="text" class="form-control validate-uppercase" name="firstname" id="exampleInputEmail3" placeholder="First Name">
      </div>
      <div class="form-group">
        <label class="sr-only" for="exampleInputEmail3">Email address</label>
        <input type="email" class="form-control validate-email" name="email" id="exampleInputEmail3" placeholder="Email address">
      </div>
      <div class="form-group">
        <label class="sr-only" for="exampleInputPassword3">Password</label>
        <input type="password" class="form-control" name="password" id="exampleInputPassword3" placeholder="Password">
      </div>
      <br>  
        <input type="submit" name="submit" value="Submit">
    </form>

А также добавьте файл js -

Validation.add('validate-uppercase','Input must be in uppercase',function(v){
    return Validation.get('IsEmpty').test(v) || (!/^[A-Z]+$/.test(v));
});

Проверка не работает.

Author: Teja Bhagavan Kollepara, 2015-04-20

2 answers

Используйте этот приведенный ниже код для запуска проверки:

var validator = new Validation('createstore', {immediate : true});
validator.validate()
 3
Author: Eugen Bogdanovich, 2015-04-20 13:58:54

Попробуйте поместить этот код после формы (не раньше, как в примере)

<script type="text/javascript">
//< ![CDATA[
    var customForm = new VarienForm('createstore');
//]]>

 4
Author: alex_b, 2015-04-20 07:35:50