jQuery验证输入框并动摇它们 [英] jQuery to validate input boxes and to shake them
本文介绍了jQuery验证输入框并动摇它们的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
大家好!
我正在使用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屋!
查看全文