Javascript 如果显示元素，如何验证该元素？
我有两个元素的形式，第一个元素始终是必需的，而第二个元素取决于第一个元素的值，因此如果第一个元素的值等于Javascript 如果显示元素，如何验证该元素？,javascript,jquery,twitter-bootstrap-3,jqbootstrapvalidation,Javascript,Jquery,Twitter Bootstrap 3,Jqbootstrapvalidation,我有两个元素的形式，第一个元素始终是必需的，而第二个元素取决于第一个元素的值，因此如果第一个元素的值等于时装设计师或时装插画家，则第二个元素的显示将是块显示，第二个元素将是必需的，而如果第一个元素的值是其他值，则第二个元素仍将显示none（无）和not required（不需要） <script> $(document).ready(function () { //validation rules $("
时装设计师时装插画家 <script>
$(document).ready(function () {
//validation rules
$("#test").validate({
rules: {
"fullname": {
required: true,
minlength: 5
},
"phone": {
required: true,
number: true
},
"pin": {
required: true,
number: true,
rangelength : [3, 5]
},
"email": {
required: true,
email: true
},
"pwd": {
required: true,
},
"Rpwd": {
required: true,
equalTo: "#pwd"
}
},
messages: {
"fullname": {
required: "You must enter your full name",
minlength: "First name must be at least 5 characters long"
},
"phone": {
required: "You must enter your phone number",
number : "Phone number must contain digits only"
},
"pin": {
required: "You must enter your zip code",
number: "Zip code must contain digits only",
rangelength : "Zip code must have between 3 to 5 digits"
},
"email": {
required: "You must enter your Email ",
email: "Invalid Email "
},
"pwd": {
required: "You must enter your Passwors",
},
"Rpwd": {
required: "You must enter your Re-Passwors",
equalTo: "Password Not Match"
},
},
submitHandler: function(e) {
$.ajax({
url: 'test.php',
type: 'post',
data: $('#example2').serialize(),
success: function(response)
{
$('#view').html(response);
}
});
}
});
});
</script>
<form action="" method="post" id='career' enctype="multipart/form-data">
<div class="col-xs-12 col-lg-3 paddingleft">
<div style="margin-bottom:20px" class="form-group">
<select id="vacancy" name="vacancy" class="form-control">
<option value="" disabled selected>Select career</option>
<option value="Fashion Designers">Fashion Designers</option>
<option value="Fashion Illustrators">Fashion Illustrators</option>
<option value="Tailor">Tailors</option>
<option value="Tailor's Assistant">Tailor's Assistants</option>
<option value="Human Resources">Human Resources</option>
<option value="Marketing coordinators">Marketing Coordinators</option>
<option value="Sales coordinators">Sales Coordinators</option>
<option value="Accountants">Accountants</option>
<option value="Production Managers">Production Managers</option>
</select>
</div>
<div style="margin-bottom:20px" class="form-group">
<input type="file" name="portfolio" id="portfolio">
</div>
<div style="margin-bottom:20px" class="form-group">
<input type="submit" class="btn btn-default pull-right" data-toggle="modal" data-target=".bs-example-modal-sm" value="Submit">
</div>
</div>
</form>
<script type="text/javascript">
$('#career')
.bootstrapValidator({
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
vacancy: {
validators: {
notEmpty: {
message: 'Vacancy is required.'
},
}
},
portfolio: {
validators: {
notEmpty: {
message: 'Portfolio is required.'
},
callback: {
message: 'Portfolio is required.',
callback: function (value, $field) {
if ($field.style.display === 'none') {
return true;
} else if (value != null) {
return true;
}
}
}
}
},
}
});
</script>
<script>
$(document).ready(function () {
//validation rules
$("#test").validate({
rules: {
"fullname": {
required: true,
minlength: 5
},
"phone": {
required: true,
number: true
},
"pin": {
required: true,
number: true,
rangelength : [3, 5]
},
"email": {
required: true,
email: true
},
"pwd": {
required: true,
},
"Rpwd": {
required: true,
equalTo: "#pwd"
}
},
messages: {
"fullname": {
required: "You must enter your full name",
minlength: "First name must be at least 5 characters long"
},
"phone": {
required: "You must enter your phone number",
number : "Phone number must contain digits only"
},
"pin": {
required: "You must enter your zip code",
number: "Zip code must contain digits only",
rangelength : "Zip code must have between 3 to 5 digits"
},
"email": {
required: "You must enter your Email ",
email: "Invalid Email "
},
"pwd": {
required: "You must enter your Passwors",
},
"Rpwd": {
required: "You must enter your Re-Passwors",
equalTo: "Password Not Match"
},
},
submitHandler: function(e) {
$.ajax({
url: 'test.php',
type: 'post',
data: $('#example2').serialize(),
success: function(response)
{
$('#view').html(response);
}
});
}
});
});
</script>
择业
时装设计师
时装插画家
裁缝
裁缝助理
人力资源
营销协调员
销售协调员
会计人员
生产经理
$（“职业生涯”）
.bootstrapValidator({
反馈图标：{
有效：“glyphicon glyphicon ok”，
无效：“glyphicon glyphicon删除”，
正在验证：“glyphicon glyphicon刷新”
},
字段：{
空缺：{
验证器：{
注意：{
信息：“需要空缺。”
},
}
},
投资组合：{
验证器：{
注意：{
消息：“公文包是必需的。”
},
回拨：{
消息：“公文包是必需的。”，
回调：函数（值$field）{
如果（$field.style.display=='none'）{
返回true；
}else if（值！=null）{
返回true；
}
}
}
}
},
}
});
我得到错误：
未捕获类型错误：无法读取未定义的属性“display”!$field.is(':visible')
<script>
$(document).ready(function () {
//validation rules
$("#test").validate({
rules: {
"fullname": {
required: true,
minlength: 5
},
"phone": {
required: true,
number: true
},
"pin": {
required: true,
number: true,
rangelength : [3, 5]
},
"email": {
required: true,
email: true
},
"pwd": {
required: true,
},
"Rpwd": {
required: true,
equalTo: "#pwd"
}
},
messages: {
"fullname": {
required: "You must enter your full name",
minlength: "First name must be at least 5 characters long"
},
"phone": {
required: "You must enter your phone number",
number : "Phone number must contain digits only"
},
"pin": {
required: "You must enter your zip code",
number: "Zip code must contain digits only",
rangelength : "Zip code must have between 3 to 5 digits"
},
"email": {
required: "You must enter your Email ",
email: "Invalid Email "
},
"pwd": {
required: "You must enter your Passwors",
},
"Rpwd": {
required: "You must enter your Re-Passwors",
equalTo: "Password Not Match"
},
},
submitHandler: function(e) {
$.ajax({
url: 'test.php',
type: 'post',
data: $('#example2').serialize(),
success: function(response)
{
$('#view').html(response);
}
});
}
});
});
</script>
<script>
$(document).ready(function () {
//validation rules
$("#test").validate({
rules: {
"fullname": {
required: true,
minlength: 5
},
"phone": {
required: true,
number: true
},
"pin": {
required: true,
number: true,
rangelength : [3, 5]
},
"email": {
required: true,
email: true
},
"pwd": {
required: true,
},
"Rpwd": {
required: true,
equalTo: "#pwd"
}
},
messages: {
"fullname": {
required: "You must enter your full name",
minlength: "First name must be at least 5 characters long"
},
"phone": {
required: "You must enter your phone number",
number : "Phone number must contain digits only"
},
"pin": {
required: "You must enter your zip code",
number: "Zip code must contain digits only",
rangelength : "Zip code must have between 3 to 5 digits"
},
"email": {
required: "You must enter your Email ",
email: "Invalid Email "
},
"pwd": {
required: "You must enter your Passwors",
},
"Rpwd": {
required: "You must enter your Re-Passwors",
equalTo: "Password Not Match"
},
},
submitHandler: function(e) {
$.ajax({
url: 'test.php',
type: 'post',
data: $('#example2').serialize(),
success: function(response)
{
$('#view').html(response);
}
});
}
});
});
</script>
问候。你能解释一下你想做什么吗？？如果要验证字段值，请添加Jquery验证插件
<script>
$(document).ready(function () {
//validation rules
$("#test").validate({
rules: {
"fullname": {
required: true,
minlength: 5
},
"phone": {
required: true,
number: true
},
"pin": {
required: true,
number: true,
rangelength : [3, 5]
},
"email": {
required: true,
email: true
},
"pwd": {
required: true,
},
"Rpwd": {
required: true,
equalTo: "#pwd"
}
},
messages: {
"fullname": {
required: "You must enter your full name",
minlength: "First name must be at least 5 characters long"
},
"phone": {
required: "You must enter your phone number",
number : "Phone number must contain digits only"
},
"pin": {
required: "You must enter your zip code",
number: "Zip code must contain digits only",
rangelength : "Zip code must have between 3 to 5 digits"
},
"email": {
required: "You must enter your Email ",
email: "Invalid Email "
},
"pwd": {
required: "You must enter your Passwors",
},
"Rpwd": {
required: "You must enter your Re-Passwors",
equalTo: "Password Not Match"
},
},
submitHandler: function(e) {
$.ajax({
url: 'test.php',
type: 'post',
data: $('#example2').serialize(),
success: function(response)
{
$('#view').html(response);
}
});
}
});
});
</script>
电话：
别针：
电邮：
密码：
重新输入密码：
提交 Jquery：
<script>
$(document).ready(function () {
//validation rules
$("#test").validate({
rules: {
"fullname": {
required: true,
minlength: 5
},
"phone": {
required: true,
number: true
},
"pin": {
required: true,
number: true,
rangelength : [3, 5]
},
"email": {
required: true,
email: true
},
"pwd": {
required: true,
},
"Rpwd": {
required: true,
equalTo: "#pwd"
}
},
messages: {
"fullname": {
required: "You must enter your full name",
minlength: "First name must be at least 5 characters long"
},
"phone": {
required: "You must enter your phone number",
number : "Phone number must contain digits only"
},
"pin": {
required: "You must enter your zip code",
number: "Zip code must contain digits only",
rangelength : "Zip code must have between 3 to 5 digits"
},
"email": {
required: "You must enter your Email ",
email: "Invalid Email "
},
"pwd": {
required: "You must enter your Passwors",
},
"Rpwd": {
required: "You must enter your Re-Passwors",
equalTo: "Password Not Match"
},
},
submitHandler: function(e) {
$.ajax({
url: 'test.php',
type: 'post',
data: $('#example2').serialize(),
success: function(response)
{
$('#view').html(response);
}
});
}
});
});
</script>
$（文档）.ready（函数（）{
//验证规则
$（“#测试”）。验证({
规则：{
“全名”：{
要求：正确，
最小长度：5
},
“电话”：{
要求：正确，
数字：对
},
“pin”：{
要求：正确，
数字：对，
rangelength:[3,5]
},
“电子邮件”：{
要求：正确，
电子邮件：真的
},
“pwd”：{
要求：正确，
},
“Rpwd”：{
要求：正确，
equalTo:“pwd”
}
},
信息：{
“全名”：{
必填：“您必须输入您的全名”，
minlength:“名字长度必须至少为5个字符”
},
“电话”：{
必填：“您必须输入您的电话号码”，
号码：“电话号码只能包含数字”
},
“pin”：{
必填：“您必须输入您的邮政编码”，
编号：“邮政编码只能包含数字”，
rangelength:“邮政编码必须在3到5位之间”
},
“电子邮件”：{
必填：“您必须输入您的电子邮件”，
电子邮件：“无效电子邮件”
},
“pwd”：{
必填：“您必须输入密码”，
},
“Rpwd”：{
必填：“您必须输入您的重新密码”，
equalTo:“密码不匹配”
},
},
提交者：函数（e）{
$.ajax({
url:'test.php'，
键入：“post”，
数据：$（'#示例2'）。序列化（），
成功：功能（响应）
{
$（'#view'）.html（响应）；
}
});
}
});
});
未捕获类型错误：未定义不是函数