neocities/views/_index_signup_script.erb

<script src="/js/app.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script>

  $('#createSiteForm').on('submit', function(obj) {
    $.post('/create_validate_all', $(obj.target).serialize(), function(errors) {
      if(errors.length == 0) {
        $.post('/create', $('#createSiteForm').serialize(), function(res) {
          if($('input[name=is_education]').val() == 'true') {
            window.location.href = '/tutorial'
          } else {
            window.location.href = '/welcome'
          }
        })
      } else {
        for(var i=0; i<errors.length;i++) {
          if(errors[i][0] == 'captcha') {
            var captchaDiv = $('#captcha_input')
            captchaDiv.attr('data-original-title', errors[i][1])
            captchaDiv.attr('data-placement', 'left')
            captchaDiv.tooltip('show')
          } else {
            var ele = $('input[name='+errors[i][0]+']')
            ele.attr('data-original-title', errors[i][1])
            ele.tooltip('show')
          }
        }
      }
    })
  })

  $('input[type=text],input[type=password],input[type=email]').on('change focusout', function(obj) {
    $.post('/create_validate', {field: obj.target.name, value: obj.target.value, is_education: $('input[name=is_education]')[0].value, csrf_token: '<%= csrf_token %>'}, function(res) {
      if(res.result == 'ok') {
        return $(obj.target).tooltip('hide')
      }

      $(obj.target).attr('data-original-title', res.error)
      $(obj.target).tooltip('show')
    })
  })
</script>