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