javascript - HTML5 JQuery Mobile - iOS 抖动必填字段

Question

我在屏幕上有一些用户需要输入的字段。当用户没有输入值时，我如何摇动这些必填字段？

我正在为 iOS 混合应用程序使用 JQuery Mobile。

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