فرض إدخال رقمي لموقع الويب المحمول

Question

لقد كنت أستخدم خاصية CSS "-wap-input-format" لفرض الإدخال الرقمي باستخدام "*N".307 يعمل هذا على هاتف SonyEricsson C702 الخاص بي، لكنه يفشل على Windows Mobile IE أو Windows Mobile مع Opera أو SonyEricsson P1i.

Answer 1

اقتراحي أيضًا هو إضافة بعض جافا سكريبت.يمكن لـ Mobile Opera وكذلك iPhone وMinimo (mini-mozilla) وغيرها فهم Javascript، على الأقل إلى حد ما.

function noNumbers(e) {
    var keynum;
    var keychar;
    var numcheck;    
    if(window.event) // IE
    {
        keynum = e.keyCode;
    }
    else if(e.which) // Netscape/Firefox/Opera
    {
        keynum = e.which;
    }

    if((keynum >= 48) && (keynum <= 57)) {
        return(true);
    }

    var good_codes = [8, 14, 15, 37, 38, 39, 40];
    for(i = 0; i < good_codes.length; i++) {
        if(good_codes[i] == keynum) {
            return(true);
        }
    }

    return(false);
}

أتمنى أن يساعدك هذا! : )

metafilter.com

Answer 2

وأنت لا تحتاج جافا سكريبت على اوبرا او اي فون وربما لا الروبوت سواء. مجرد استخدام "الرقم" نوع المدخلات، من HTML5. انها سوف يرتد إلى إدخال النص على المتصفحات التي لا تدعم ذلك.

Answer 3

وتنسيق كنت تتحدث عنه هو WCSS (WAP CSS) الملكية، وعلى هذا النحو، غير معتمد على نطاق واسع جدا - وخاصة في الأجهزة النقالة الحديثة

-wap المدخلات تنسيق دوسن ' ر العمل بشكل جيد للغاية في أي حال. على سبيل المثال، وجود مستخدمين ملء المدخلات الرقمية مع عشرية ( "2.50") هي أقرب إلى المستحيل (<لأ href = "http://www.suodatin.com/fathom/2009/05/04/NumericInputOnNokiaBrowsers" يختلط = " نوفولو noreferrer "> أقرب الحل: -wap المدخلات الشكل:" * ن ")

ولكن، في حين أن الملكية لا يمكن الاعتماد على لالتحقق من صحة (وهذا لا يزال يحتاج إلى أن يكون من جانب الخادم، في أي حال، كما قال Darasd)، فإنه يمكن أن تساعد المستخدمين عن طريق التحول مدخلات الجهاز المحمول تلقائيا إلى رقمية.

ونفس الشيء يقال ان ممكن لأجهزة iPhone عن طريق إضافة "الرمز" أو "الهاتف" لاسم حقل الإدخال (على سبيل المثال ". myfield_zip"). نعم، وأنا أعلم، وهذا هو عالي الكعب.

وكنت لا تزال تستخدم كل الحيل، كما أنه يتسبب في affordance لطيفة (ويمكنك استخدام جافا سكريبت بالإضافة إليهم، إذا كنت تريد).

Answer 4

<input type='tel' /> 

وسوف طرح لوحة مفاتيح رقمية على الروبوت ومتصفحات الافتراضي فون وكروم لالروبوت. فإنه لا يعمل على ويندوز موبايل 7.5، ولكن ينبغي على Windows Phone 8 منذ متصفح WP8 يقوم على IE9.

وعن طريق

<input type='number' /> 

وسوف نفعل ذلك أيضا، ولكن سيتم إزالة الأصفار البادئة تلقائيا.