jQuery验证输入框并动摇它们 [英] jQuery to validate input boxes and to shake them

问题描述

大家好！



我正在使用jQuery插件来验证输入框，如果在尝试提交时它们是空的，它们会摇动它们他们。



有人可以帮帮我吗？我使用以下代码，但它不起作用。如果你们知道的话，请把解决方案或示例应用程序发给我。

Hello everyone!

I am using a jQuery plugin for validation of the input boxes, which will shake the boxes if they're left empty when trying to submit them.

Can somebody help me with that? I am using the following code, but it's not working. Please post me the solution or the sample application if you guys know any.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
    <script src="scripts/jquery.validate.min.js" type="text/javascript"></script>
   <script type="text/javascript">

       $().ready(function () {
           $('#contactform').validate({
               rules: {
                   name: "required",
                   tel: "required",
                   province: "required",
                   email: { required: true
                       //                        email: true
                   }
               },
               messages: {
                   name: "Please enter your Name",
                   tel: "Please enter your Surname",
                   province: "Mobile number is Required",
                   email: {
                       required: "Please enter email",
                       email: "Please enter a valid email address"
                   }
               },
               highlight: function (element, errorClass, validClass) {
                   $(element).stop()
                            .animate({ left: "-10px" }, 100).animate({ left: "10px" }, 100)
                            .animate({ left: "-10px" }, 100).animate({ left: "10px" }, 100)
                            .animate({ left: "0px" }, 100)
                            .addClass(errorClass)
                            .removeClass(validClass);
               },
               unhighlight: function (element, errorClass, validClass) {
                   $(element).stop()
                    .addClass(validClass)
                    .removeClass(errorClass);

               },
               errorPlacement: function (error, element) { }

           });

       });
       
        
    </script>

谢谢

Thank you

推荐答案

（）。ready（ function （）{

().ready(function () {

（' ＃contactform'）。validate（{
rules：{
name： required，
tel： required ，
省： required，
email： {required： true
// email： true
}
}，
条消息：{
name： 请输入您的姓名，
tel： 请输入您的姓氏，
省份： 手机号码是必需的，
电子邮件：{
required： 请输入电子邮件，
电子邮件： 请输入有效的电子邮件地址
}
}，
要点： function （element，errorClass，validClass）{

('#contactform').validate({ rules: { name: "required", tel: "required", province: "required", email: { required: true // email: true } }, messages: { name: "Please enter your Name", tel: "Please enter your Surname", province: "Mobile number is Required", email: { required: "Please enter email", email: "Please enter a valid email address" } }, highlight: function (element, errorClass, validClass) {

（元素）.stop（）
.animate（{left： - 10px }， 100 ）。animate（{left： 10px}， 100 ）
.animate（{left： - 10px }， 100 ）。animate（{left： 10px }， 100 ）
.animate（{left： 0px}， 100 ）
.addClass（errorClass）
.removeClass（validClass） ;
}，
unhighlight： function （element，errorClass，validClass）{

(element).stop() .animate({ left: "-10px" }, 100).animate({ left: "10px" }, 100) .animate({ left: "-10px" }, 100).animate({ left: "10px" }, 100) .animate({ left: "0px" }, 100) .addClass(errorClass) .removeClass(validClass); }, unhighlight: function (element, errorClass, validClass) {

这篇关于jQuery验证输入框并动摇它们的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！