【发布时间】:2015-08-01 15:23:35
【问题描述】:
我对我的字段(例如电话号码)使用掩码功能来强制用户只输入该数字。 如果我在单页上写下我的字段和掩码,则掩码适用。 但是,Mask 不适用,当我在两个不同的页面上写字段和 Mask 时,这些是使用 AjaxRequest 函数链接的。
我应该把控制面具放在哪里? 谢谢
$(function()
{
// Masking
$("#tel_struct").mask('(33) 9-99-99-99-99', {placeholder:'X'});
$("#fax_struct").mask('(33) 9-99-99-99-99', {placeholder:'X'});
$("#postalcodeInput").mask('99999', {placeholder:'X'});
// Validation
$("#sky-form").validate(
{
// Règles de validation
rules:
{
nom_contact:
{
required: false
},
famille_contact:
{
required: true
},
typologie:
{
required: true
},
thematique:
{
required: true
},
tel_struct:
{
required: true
},
mail_struct:
{
required: true
},
country:
{
required: true
},
postalcode:
{
required: true
},
place:
{
required: true
},
fax_pers:
{
//digits: true
},
},
// Messages pour validation
messages:
{
nom_contact:
{
required: 'Saisissez le nom du contact'
},
famille_contact:
{
required: 'Veuillez sélectionner le famille de contact'
},
typologie:
{
required: 'Veuillez sélectionner une typologie'
},
thematique:
{
required: 'Veuillez sélectionner une thématique'
},
mail_struct:
{
required: 'Saisissez une adresse email',
email: 'Entrez une adresse email valide'
},
tel_struct:
{ required: 'Saisissez un numéro de téléphone',
digit: 'Entrez seulement des chiffres'
},
fax_struct:
{
digit: 'Entrez seulement des chiffres'
},
country:
{
required: 'Sélectionner le pays',
},
postalcode:
{
required: 'Saisissez le code postal',
},
place:
{
required: 'Saisissez la ville',
},
fax_pers:
{
digit: 'Entrez seulement des chiffres'
},
},
// Ajax form submition
submitHandler: function(form)
{
$(form).ajaxSubmit(
{
beforeSend: function()
{
$('#sky-form button[type="submit"]').attr('disabled', true);
},
success: function()
{
$("#sky-form").addClass('submited');
}
});
},
// Do not change code below
errorPlacement: function(error, element)
{
error.insertAfter(element.parent());
}
});
});
<html >
<head>
<!-- Fonction JQUERY Auto-complete -->
<script type="text/javascript" src="js/jquery.min (2).js"></script>
<script type="text/javascript" src="js/script (2).js"></script>
<!-- FIN JQUERY Auto complete-->
<script src="js/jquery.validate.min.js"></script>
<script src="js/jquery.maskedinput.min.js"></script>
</head>
<body class="bg-red" onload="setDefaultCountry();">
<!--Form------------------------------------------->
<div class="body">
<form action="" method="post" id="sky-form" class="sky-form">
<!-- Button that calls the second page , which contains the phone number field-->
<h4 style="cursor:pointer" onclick="ajaxrequest('lecture_structure.php', 'message')"><u>Rechercher</u></h4>
【问题讨论】:
-
你的问题很难理解。请花一些时间正确书写并形成可理解的句子。
-
好的,抱歉。我有一个包含任何字段的表单,我想对这些字段进行控制。所以,我想使用 $("#telephone").mask('(33) 9-99-99-99-99', {placeholder:'X'});控制电话领域。这就是目的。现在,我知道这个 Mask 在一个简单的页面中可以正常工作。但是,在我的页面中,我的表单分为两个“表单”,确切地说,我有一个搜索字段,用于在我的数据库中搜索一个名称,然后找到该名称后,将显示以下字段-
-
所以您是说掩码适用于一个输入字段,而不适用于两个输入字段?
-
不,我想说的是,当我将所有字段和掩码写入同一页面时,掩码在一种情况下适用于所有字段。
-
但是,在我的情况下,我在页面中写入掩码,在其他页面中写入字段。
标签: javascript jquery autocomplete controls