Как получить красные границы, когда поле недопустимо, используя WTForms с GAE и Jinja2? - PullRequest
Новая
       12

Как получить красные границы, когда поле недопустимо, используя WTForms с GAE и Jinja2?

0 голосов
/ 10 декабря 2011

У меня есть проверка, практически работающая, и часть моего требования состоит в том, что, когда поле недопустимо, вокруг поля должна быть красная недопустимая граница:

enter image description here

<tr><td valign="top">
      <div class="labelform" id="lname">
{% filter capitalize %}{% trans %}name{% endtrans %}{% endfilter %}:
</div></td><td>
  <div class="adinput">
{% if user or current_user %} 
    <input type="text" id="name" name="name" value="{{ current_user.name }}{% if not current_user %}{{ user.nickname() }}{% endif %}" size="35" maxlength="50" readonly/>
  {% else %}
    {{ form.name|safe }}
{% endif %}
{% if form.name.errors %}
        <ul class="errors">{% for error in form.name.errors %}<li>{{ error }}</li>{% endfor %}</ul>
    {% endif %}
  </div>
  </td></tr>

Можете ли вы сказать мне, как я должен получить красную рамку вокруг поля формы при условии, что поле имени недопустимо? Вот мой код Python для моего класса формы: 

class AdForm(Form):

    name = TextField(_('Name'), [validators.Length(min=4, max=50,
                     message=_('Name is required'))])
    title = TextField(_('title'))
    text = TextAreaField(_('Text'), widget=TextArea())
    phonenumber = TextField(_('Phone number'))
    phoneview = BooleanField(_('Display phone number on site'))
    price = TextField(_('Price'))
    password = PasswordField(_('Password'))
    email = TextField(_('Email'))

Код, который обрабатывает HTTP POST формы: 

...
        form = AdForm(self.request.params)
        if form.validate():
            ad.title = form.title.data
            ad.name = form.name.data
            ad.email = form.email.data
            ad.text = form.text.data
            ad.set_password(form.password.data)
            ad.price = form.price.data
            try:
          form.price.data=form.price.data.replace(',','.').replace(' ', '')
              ad.decimal_price = form.price.data
            except:
              pass
            ad.phoneview = form.phoneview.data
            ad.url = os.environ.get('HTTP_HOST',
                                    os.environ['SERVER_NAME'])
            ad.place = self.request.get('place')
            ad.postaladress = self.request.get('place')
            ad.put()
    else:
        logging.info('form did not validate')
            self.render_jinja(
            'insert_jinja',
            facebook_app_id=facebookconf.FACEBOOK_APP_ID,
            form=form,
            form_url=blobstore.create_upload_url('/upload_form'),
            user=(users.get_current_user() if users.get_current_user() else None),
            user_url=(users.create_logout_url(self.request.uri) if users.get_current_user() else None),
            current_user=self.current_user,
            )
        return
...

Можете ли вы сказать мне, как я должен получить красную границу, когда поле недействительно?

Спасибо

1 Ответ

2 голосов
/ 10 декабря 2011

Документация для пользовательских виджетов в WTForms предлагает реализовать собственный виджет, который добавляет класс к элементу ввода: 

class MyTextInput(TextInput):
    def __init__(self, error_class=u'has_errors'):
        super(MyTextInput, self).__init__()
        self.error_class = error_class

    def __call__(self, field, **kwargs):
        if field.errors:
            c = kwargs.pop('class', '') or kwargs.pop('class_', '')
            kwargs['class'] = u'%s %s' % (self.error_class, c)
        return super(MyTextInput, self).__call__(field, **kwargs)

Затем используйте новый виджет для полей, для которых требуется это поведение: 

class AdForm(Form):

    name = TextField(_('Name'), [validators.Length(min=4, max=50,
                     message=_('Name is required'))], widget=MyTextInput())
    title = TextField(_('title'))
    text = TextAreaField(_('Text'), widget=TextArea())
    phonenumber = TextField(_('Phone number'))
    phoneview = BooleanField(_('Display phone number on site'))
    price = TextField(_('Price'))
    password = PasswordField(_('Password'))
    email = TextField(_('Email'))

Затем добавьте это в свой CSS: 

.has_errors { border: 1px solid #ff0000 }
...