如何验证jinja2/pyramid/sqlalchemy中的独特表单元素？

Question

是否有一种简单的方法来验证用户输入表单中的独特元素？我找到了在php中执行此操作的方法（用户在表中输入查询值后），但不知道如何使用jinja2执行此操作。例如，假设用户正在注册，并且我要求所有电子邮件地址都是唯一的，在提交结果之前，我怎么能让他们知道它不是唯一的（比如：https://github.com/signup/free如果你已经是会员了，如果你输入你的电子邮件，它会告诉你它一旦进入下一行就会存在。看到很多网站这样做）？现在我可以捕获错误，但它会刷新页面，并给他们一个错误，我想让他们知道他们的表单会在提交之前失败。在这个例子中，我正在检查一些不存在的东西，但在其他一些例子中，我想检查数据库中是否存在某些东西。

我知道我需要查询我的数据库，但我不确定如何从模板本身或如果有另一种方式来做到这一点。

Answer 1

而不是使用JavaScript或的jQuery ，你可以做一个消息系统，通过字典传递给渲染器。例如：

message = '' 
if 'form.submitted' in request.params:#form.submitted being the name of the submit of the form 
    #check if email exists 
    if exists: 
     message = 'email already registered' 
    else: 
     message = 'success' 
return dict(message = message) 

只是做它没有JS

Answer 2

您可以的Javascript做一个的XMLHttpRequest（https://developer.mozilla.org/en/using_xmlhttprequest）到POST输入框的文本（如果你使用jQuery的，在即将到来的例子更容易），并做一个DB查询服务器端查看电子邮件（输入框文本）是否是唯一的。因此，您将返回此视图的响应，其中针对非IE浏览器的@view_config()修饰器中的xhr=True以及针对IE浏览器设置的request.response.content_type='text/html'。例如：

@view_config(permission='view', route_name='check_email', renderer='json') ##for IE browsers 
@view_config(permission='view', route_name='check_email', renderer='json', xhr=True) ##for non-IE 
def check_email(request): 
    email= request.POST['email'] 

    dbquery = DBSession.query(User).filter(User.email==email).first() 

    ## if the email exists in the DB 
    if dbquery: 
     msg = 'used' 
    ## else if the email is available 
    else: 
     msg = 'available' 

    if request.is_xhr: 
     return {'msg':msg} 
    else: # for IE browser 
     request.response.content_type = 'text/html' 
     return Response(json.dumps({'msg':msg})) 

您可以通过使用库（如jQuery）轻松地执行POST（客户端）来处理XMLHttpRequest。包括在你的模板jQuery库，还有的.js与你的文件脚本之后：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script type='text/javascript' src="{{request.static_url('tutorial:static/myscript.js')}}"></script> 

然后在myscript.js做：

$(function() { 
    $('#email').on('blur', postEmail) 
}) 

// this function POSTs the entered email 
function postEmail() { 
    var email = $(this).val() 
    $.post('/check_email', email, callback) 
} 

// this function is used to do something with the response returned from your view 
function callback(data) { 
    if (data['msg'] === 'used') { 
    alert('used') 
    } 
    else if (data['msg'] === 'available') { 
    alert('available') 
    } 
}