如何驗證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') 
    } 
}