2014-11-09 2 views
0

Flask 앱에서 wtform을 사용하며 jquery를 통해 브라우저에서 양식의 유효성을 검사하고 싶습니다. 형태의Flask가 jquery 유효성 검사를 수행합니다.

내 코드

class LoginForm(Form): 
    email = StringField('Email',[validators.DataRequired(message='Sorry, this is a required field.')]) 
    password = PasswordField('Password', [validators.DataRequired()]) 

하지만 발견되지 유효성을 검사합니다.

이 질문은 당신의 의도가 무엇인지 이해하는 종류의 하드 당신에게

+0

같은 이벤트의 일종에 자바 스크립트 함수를 첨부 할 수 있습니다? – dirn

+0

내가 쓴 양식이 틀린 경우 form.validate()를 사용하는 경우 실시간 유효성 검사, HTML5에있는 예제 (예 : 필요한 파일), 양식을 작성하지 않으면 유효성 검사를 보내야합니다. 내가 입력을 채워야한다는 메시지를 보여라. 양식을 입력하는 동안 양식이 전송되지 않습니다. –

+0

HTML5는 유효성 검사를 위해 jQuery를 요구하지 않습니다. ['required'] (https://html.spec.whatwg.org/multipage/forms.html#the-required-attribute)와 ['type'] (https : // html)과 같은 속성을 설정하기 만하면됩니다. .spec.whatwg.org/multipage/forms.html # states-of-the-type-attribute). 귀하의 템플릿은 어떻게 생겼습니까? – dirn

답변

0

감사드립니다.

jquery를 사용하면 무엇을 의미합니까? 라우트를 작성한 다음 직렬화 된 양식을 해당 라우트로 다시 보내고 데이터를 리턴 할 수 있습니다.

var validate = function() { 
    $.post("{{ url_for('validate') }}", $('form').serialize(), function(errors) { 
    alert(errors); 
    // update the dom with the errors however you want. 
    }); 
} 

그런 다음 경로에서이 작업을 수행 할 수 있습니다.

@app.route('/yourform/validate', methods=['POST']) 
def validate(): 
    form = LoginForm(request.form) 
    form.validate() 
    return jsonify(form.errors) 

은 다음 당신은 거의 당신이 "을 (를) 찾을 수 없습니다 유효성을 검사"무엇을 의미합니까 $('input').blur(validate)

+0

예 양식 채우기가 올바른지 확인하고 싶습니다. 그렇다면 양식을 보낼 수는 있지만 그렇지 않은 경우 오류 메시지를 표시하고 양식을 보낼 수 없습니다. 짐승 같은 방법으로 오류 메시지는 이것 [링크] (http://tylergaw.com/articles/assets/post_image_htmlFormErrors_demo01.jpg) –

관련 문제