使用jquery使用最好的技术验证输入字段 [英] validate input fields with finest technique using jquery
问题描述
我有html表单,其中包含五个输入文本字段和一个下拉(选择)字段。
这些文本字段以表格形式显示-down选项意味着如果我选择了选项1,那么将显示三个文本字段和选项2(4个文本字段)。
我使用jquery进行隐藏和显示下拉更改事件中的这些文本字段。所以现在的问题是我要验证这些字段,因为这些字段显示平均值如果三个三个字段显示然后这些是修饰字段。
验证的一个解决方案是我必须为每个下拉选项定义单独的功能。因此,当下拉更改事件触发器时,我会根据名称调用这些函数,但我不想制作单独的函数。
i have html form which include Five input text fields and one drop-down (select) field.
These text fields are showing in form with respect to drop-down options mean if i selected option 1 then three text fields will be showing and for option 2 ( 4 text fields ).
I am using jquery for hide and show these text field on drop-down change event. So now problem is that i want to validate these fields as these are showing mean if three three fields are showing then these are mendatory fields.
One solution to validate is that i have to define separate function for each drop-down option. So when dropdown change event trigger i would call these function according to name but i don't want to make separate functions.
function Vld_Option1() {
$("#fmName").validate({
rules: {
FirstName:
{
required: true,
accept: "[a-zA-Z]+"
},
LastName:
{
required: true,
accept: "[a-zA-Z]+"
},
Loginname:
{
required: true,
accept: "[a-zA-Z0-9]+"
}
},
messages: {
FirstName:
{
required: "Please provide first name",
accept: "Name cannot be alphanumeric."
},
LastName:
{
required: "Please provide last name",
accept: "Name cannot be alphanumeric."
},
Loginname:
{
required: "Please provide login name",
accept: "Name cannot be alphanumeric."
}
}
});
}
function Vld_Option2() {
$("#fmName").validate({
rules: {
FirstName:
{
required: true,
accept: "[a-zA-Z]+"
},
Password:
{
required: true,
minlength: 6
},
Email:
{
required: true,
email: true
},
WorkingContactNo:
{
required: true,
number: true
}
},
messages: {
FirstName:
{
required: "Please provide first name",
accept: "Name cannot be alphanumeric."
},
Password:
{
required: "Please provide password",
minlength: "Password should not be less than 6 characters"
},
Email:
{
required: "Please provide email",
email: "Please provide valid email address"
},
WorkingContactNo:
{
required: "Please provide contact number",
number: "Letters are not allowed"
}
}
});
}
我写了这两个函数。有重复的代码,但我不想重复和多个功能。我有十个选项,所以我必须定义十个函数,但字段是五个隐藏和可见的。
如何验证页面上显示的字段其他字段应该不是mendatory。
请建议最好的技巧来处理这个问题
谢谢
I written these two functions. there is repetition of code but i don't want repetition and multiple functions. i have Ten options so i have to define Ten functions but fields are five which are hidden and visible.
How can i validate fields which are showing on page other fields should not mendatory.
Please suggest best technique to handle this issue
Thanks
推荐答案
( #fmName)。validate({
规则:{
FirstName:
{
required: true ,
accept: [a-zA-Z] +
},
姓氏:
{需要
: true ,
accept: [a-zA-Z] +
},
登录名:
{
required: true ,
accept: [a-zA-Z0-9] +
}
},
条消息:{
名字:
{$ b需要$ b: 请提供名字,
accept: 名称不能是字母数字。
},
姓氏:
{
必需: 请提供姓氏,
accept: 名称不能是字母数字。
},
登录名:
{
必需: 请提供登录名,
accept: 名称不能是字母数字。
}
}
});
}
function Vld_Option2(){
("#fmName").validate({ rules: { FirstName: { required: true, accept: "[a-zA-Z]+" }, LastName: { required: true, accept: "[a-zA-Z]+" }, Loginname: { required: true, accept: "[a-zA-Z0-9]+" } }, messages: { FirstName: { required: "Please provide first name", accept: "Name cannot be alphanumeric." }, LastName: { required: "Please provide last name", accept: "Name cannot be alphanumeric." }, Loginname: { required: "Please provide login name", accept: "Name cannot be alphanumeric." } } }); } function Vld_Option2() {
( #fmName)。validate({
rules:{
FirstName:
{
required: true ,
accept: [a-zA-Z] +
},
密码:
{
required: true ,
minlength: 6
},
电子邮件:
{
必需: true ,
电子邮件: true
},
WorkingContactNo :
{
required: true ,
number: true
}
},
条消息:{
名字:
{
required: 请提供名字,
接受:< span class =code-string> 名称不能是字母数字。
},
密码:
{
required: 请提供密码,
minlength : 密码不应少于6个字符
},
电子邮件:
{
required: 请提供电子邮件,
电子邮件: 请提供有效的电子邮件地址
},
WorkingContactNo:
{
必需: 请提供联系电话,
号码: 不允许使用字母
}
}
});
}
("#fmName").validate({ rules: { FirstName: { required: true, accept: "[a-zA-Z]+" }, Password: { required: true, minlength: 6 }, Email: { required: true, email: true }, WorkingContactNo: { required: true, number: true } }, messages: { FirstName: { required: "Please provide first name", accept: "Name cannot be alphanumeric." }, Password: { required: "Please provide password", minlength: "Password should not be less than 6 characters" }, Email: { required: "Please provide email", email: "Please provide valid email address" }, WorkingContactNo: { required: "Please provide contact number", number: "Letters are not allowed" } } }); }
我写了这两个函数。有重复的代码,但我不想重复和多个功能。我有十个选项,所以我必须定义十个函数,但字段是五个隐藏和可见的。
如何验证页面上显示的字段其他字段应该不是mendatory。
请建议最好的技巧来处理这个问题
谢谢
I written these two functions. there is repetition of code but i don't want repetition and multiple functions. i have Ten options so i have to define Ten functions but fields are five which are hidden and visible.
How can i validate fields which are showing on page other fields should not mendatory.
Please suggest best technique to handle this issue
Thanks
你可以看到这个..如果你有jquery..simple的知识并且易于理解和定制,它可能会对你有帮助。
http://www.aspdotnet-suresh.com/2012/01/jquery-beautiful-popup-form-validations.html [ ^ ]
You can see this..It might be helpful to you if have knowledge of jquery..simple and easy to understand and customized...
http://www.aspdotnet-suresh.com/2012/01/jquery-beautiful-popup-form-validations.html[^]
这篇关于使用jquery使用最好的技术验证输入字段的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!