HTML5 JQuery Mobile - iOS抖動必填字段

Question

我在屏幕上有幾個字段需要用戶輸入。當用戶沒有輸入值時，我該如何動搖這些必填字段？

我正在使用JQuery Mobile for iOS混合應用程序。

Answer 1

當用戶提交表單時，您可以檢查必填字段並使用JQuery搖動動畫來搖動它們。

// this event is fired when form is submitted 
$("#form_id").submit(function() { 

    var name = $("#form_id #name_input").val(); 

    if (!(name)) { 
     $("#form_id #name_input").effect("shake", { times:3 }, 300); 
    } else { 
     // form input is valid, do whatever you want 
    } 

    // you might need to return false to prevent default submit actions 
    return false; 
} 

jQuery的文檔：http://docs.jquery.com/UI/Effects/Shake