أحدث مشروع هو استخدام المصانع الكيميائية لإدخال كمية كبيرة من البيانات أثناء الاستخدام.
في صفحة الويب ، تحتاج إلى تنفيذ وظيفة عودة النقل مثل Excel.
بعد ترتيب بلدي واختبار ، يمكن حل هذه المشكلة بشكل جيد:
الشروط المطلوبة
1. يمكنك تنزيل أحدث عنوان مكتبة jQuery على الموقع الرسمي لموقع jQuery.com
2. تحقق من بنية نموذج الواجهة وموقع النموذج المقابل
فيما يلي بعض هياكل النماذج
نسخة الكود كما يلي:
<fieldset>
<Legend> نموذج تسجيل الدخول </legend>
<ol>
<li>
<ASP: Label Runat = "Server" AssocialControlid = "username"> اسم المستخدم </asp: label>
<asp: textbox runat = "server" id = "username" />
<ASP: مطلوبة FELISTERVALIDATOR RUTAT = "Server" ControlTovalidate = "username" CSSCLASS = "حقل التحقق من الصحة" errormessage = "حقل اسم المستخدم مطلوب."
</li>
<li>
<ASP: Label Runat = "Server" AssocialControlid = "username"> اسم المستخدم </asp: label>
<asp: textbox runat = "server" id = "textbox1" />
<ASP: مطلوبة FELISTERVALIDATOR RUTAT = "Server" ControlTovalidate = "username" CSSCLASS = "حقل التحقق من الصحة" errormessage = "حقل اسم المستخدم مطلوب."
</li>
<li>
<ASP: Label Runat = "Server" AssocialControlid = "username"> اسم المستخدم </asp: label>
<asp: textbox runat = "server" id = "textbox2" />
<ASP: مطلوبة FELISTERVALIDATOR RUTAT = "Server" ControlTovalidate = "username" CSSCLASS = "حقل التحقق من الصحة" errormessage = "حقل اسم المستخدم مطلوب."
</li>
<li>
<ASP: Label Runat = "Server" AssocialControlid = "username"> اسم المستخدم </asp: label>
<asp: textbox runat = "server" id = "textbox3" />
<ASP: مطلوبة FELISTERVALIDATOR RUTAT = "Server" ControlTovalidate = "username" CSSCLASS = "حقل التحقق من الصحة" errormessage = "حقل اسم المستخدم مطلوب."
</li>
<li>
<ASP: Label Runat = "Server" AssocialControlid = "username"> اسم المستخدم </asp: label>
<asp: textbox runat = "server" id = "textbox4" />
<ASP: مطلوبة FELISTERVALIDATOR RUTAT = "Server" ControlTovalidate = "username" CSSCLASS = "حقل التحقق من الصحة" errormessage = "حقل اسم المستخدم مطلوب."
</li>
<li>
<ASP: Label Runat = "Server" AssocialControlid = "username"> اسم المستخدم </asp: label>
<asp: textbox runat = "server" id = "textbox5" />
<ASP: مطلوبة FELISTERVALIDATOR RUTAT = "Server" ControlTovalidate = "username" CSSCLASS = "حقل التحقق من الصحة" errormessage = "حقل اسم المستخدم مطلوب."
</li>
<li>
<ASP: Label Runat = "Server" AssocialControlid = "username"> اسم المستخدم </asp: label>
<asp: textbox runat = "server" id = "textbox6" />
<ASP: مطلوبة FELISTERVALIDATOR RUTAT = "Server" ControlTovalidate = "username" CSSCLASS = "حقل التحقق من الصحة" errormessage = "حقل اسم المستخدم مطلوب."
</li>
<li>
<ASP: Label Runat = "Server" AssocialControlid = "username"> اسم المستخدم </asp: label>
<asp: textbox runat = "server" id = "textbox7" />
<ASP: مطلوبة FELISTERVALIDATOR RUTAT = "Server" ControlTovalidate = "username" CSSCLASS = "حقل التحقق من الصحة" errormessage = "حقل اسم المستخدم مطلوب."
</li>
<li>
<ASP: Label Runat = "Server" AssocialControlid = "username"> اسم المستخدم </asp: label>
<asp: textbox runat = "server" id = "textbox8" />
<ASP: مطلوبة FELISTERVALIDATOR RUTAT = "Server" ControlTovalidate = "username" CSSCLASS = "حقل التحقق من الصحة" errormessage = "حقل اسم المستخدم مطلوب."
</li>
<li>
<ASP: Label Runat = "Server" AssociatedControlid = "Password"> كلمة المرور </asp: label>
<asp: textbox runat = "server" id = "password" textMode = "Password" />
<ASP: مطلوبة FELISTERVALIDATOR RUTAT = "Server" ControlTovalidate = "Password" CSSCLASS = "Field-Valaction-Error" errormessage = "Password Field هو حقل مطلوب."
</li>
<li>
<ASP: مربع الاختيار Runat = "Server" id = "requestme" />
<asp: label runat = "server" AssociatedControlid = "requestme" cssclass = "checkbox"> تذكرني؟ </asp: label>
</li>
</ol>
<asp: button runat = "server" commandname = "login" text = "login" />
</fieldset>
انتبه إلى علاقة تسمية السياق التي يجب أن تكون موجودة في النموذج
http://images.cnitblog.com/i/461877/201403/131104380377939.jpg
بعد إنشاء الصفحة ، بغض النظر عن مكان وجود علامات الترقيم ، يوجد عنصر تسمية صغير مع الهيكل غير المتغير.
ثم إذا كنت لا تعرف الكثير عن المحددات الهرمية لـ JQuery ، فيمكنك عرض مستند JQuery’s Help.
هنا هو رمز البرنامج النصي الرئيسي:
نسخة الكود كما يلي:
<script type = "text/javaScript">
$ (function () {
var i = 0 ؛ // index
// العلاقة بين موقع النموذج أعلاه والسياق هي أنه سيكون هناك دائمًا علامة إدخال بعد التسمية.
//يمكنك تعديله وفقًا لاحتياجاتك الشخصية. .
$ ("label+: text"). كل (function () {
$ (this) .Keydown (وظيفة (e) {
if (e.KeyCode == 13) {
i ++ ؛ // الفهرس الموقع التالي
يحاول {
$ ("label+: text") [i] .focus () ؛
} catch (e) {// لا يجوز العثور على العنصر في العنصر التالي ، وسيحدث استثناء من خلال محاولة التقاطه.
إرجاع false ؛ // يجب أن تتم كتابتها لتجنب إرسال رسالة الخطأ التي يتم إرسالها
}
إرجاع false ؛ // يجب أن تتم كتابتها لتجنب إرسال رسالة الخطأ التي يتم إرسالها
}
}) ؛
}) ؛
}) ؛
</script>
يمكنك تجربته! ! ! آمل أن يكون ذلك مفيدًا لك