我目前正在使用:
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script src="../js/bootStrap/js/bootstrap.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/additional-methods.min.js"></script>
Run Code Online (Sandbox Code Playgroud)
验证如下:
j$('.delValidate').each(function(){
j$(this).validate({
rules:{
delivery_Method:{
required: true
}
},
message:{
delivery_Method:{
required: true
}
}
});
});
j$('.validateUser').each(function(){
j$(this).validate({
rules:{
f_Name:{
required: true
},
l_Name:{
required: true
},
username:{
required: true,
minlength: 6
},
password: {
validChars: true,
noSpace: true,
minlength: 6,
skip_or_fill_minimum: [3,".pw"]
},
confPass: {
equalTo: "#password",
skip_or_fill_minimum: [3,".pw"]
}
}
});
});
Run Code Online (Sandbox Code Playgroud)
HTML片段:
<form class="form-horizontal delValidate" action="#" method="post">
<input type="hidden" name="formIdentifier" value="addDel" />
<div class="form-group">
<div …Run Code Online (Sandbox Code Playgroud) 我似乎遇到了jQuery点击功能的问题,我有以下代码:
j$(document).ready(function(e) {
setInterval(function(){
j$.ajax({
url: "/include/new_customer.php",
cache: false
})
.done(function( html ) {
j$( "section .col-xs-12" ).append( html );
});
},80000);
j$('a.dropDown').click(function(e){
e.preventDefault();
j$(this).closest('.row').next().toggleClass('hidden');
});
});
Run Code Online (Sandbox Code Playgroud)
使用以下HTML(抓住必要的内容):
<div class="col-xs-12>
<div class="row">
<a href="#" class="dropDown">Manage</a>
</div>
<div class="row hidden">
<!-- stuff -->
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
您可以看到,如果单击a标记,则隐藏类的行将切换.我有另外两行的AJAX,所以它会像这样:
<div class="col-xs-12>
<div class="row">
<a href="#" class="dropDown">Manage</a>
</div>
<div class="row hidden">
<!-- stuff -->
</div>
<div class="row">
<a href="#" class="dropDown">Manage</a>
</div>
<div class="row hidden">
<!-- stuff -->
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我的问题是,对于新数据,当我点击标签时,切换功能不起作用.我已经完成了一些测试,例如从inspect元素中删除隐藏的类,并且有数据要显示.我不知道发生了什么事.请帮忙!
希望你能帮助我!一旦用户纠正了错误,我就无法删除错误.例如,验证电子邮件字段.每个字符按下都会根据需要多次添加错误,直到验证为止.这是一个片段:
$( "#bookings" ).validate({
rules: {
email: {
required: true,
email: true
},
message: {
email: {
required: "field is required",
email: "invalid email"
},
errorLabelContainer: $("ul", $('div#results')), wrapper: 'li',
errorContainer: $('div#results'),
errorPlacement: function(error, element) {
$('#results').append(error);
}
success: function(error){
error.remove();
}
});
<div id="results">
</div>
<form name="bookings" id="bookings" method="post" action="#">
<div class="item" style="clear:left;">
<label>E Mail *</label>
<input id="femail" name="email" type="text">
</div>
</form>
Run Code Online (Sandbox Code Playgroud)
我想要实现的是错误出现在ONCE.到目前为止,我已成功删除.但是错误会一直反复追加,直到验证成功为止.
我觉得这个问题有一个简单的解决方案,但我似乎无法弄明白.
我正在使用jQuery,PHP和HTML的混合来生成我的这种动态形式.SQL查找的每个结果都将传递给表单,它将显示一个人以及一个单选按钮.因此,如果DB中有3个返回的结果,则表单将生成3个人,其中一个将检查单选按钮.我的问题是,我只想选择生成的3个单选按钮中的一个.它保持多重选择,我不知道是什么导致它或如何停止/修复它.例:
注意 - 显示snipet来说明我的观点
<?php
$group_query = mysqli_query($conn,"SELECT * FROM Groups WHERE gp_ID = '26'")
or die("Error: ".mysqli_error($conn));
?>
<form action="#" class="form-horizontal" method="post">
<?php
$counter = 1;
$passenger_query = mysqli_query($conn,"SELECT * FROM Customers AS C
WHERE C.gp_ID = '".$group_Results['gp_ID']."'")
or die("Error: ".mysqli_error($conn));
while($passenger_Results = mysqli_fetch_array($passenger_query)){
?>
<input type="radio"
class="the_Leader"
name="the_Leader_<?php echo $counter; ?>"
value="<?php echo $passenger_Results['customer_ID'] ?>"
<?php echo $passenger_Results['customer_ID'] == $group_Results['leader_ID'] ? 'checked' : ''; ?>
/>
<?php
echo $passenger_Results['name'];
$counter++;
}//end while loop
?>
</form>
Run Code Online (Sandbox Code Playgroud)
tl; dr使用PHP/MySQL生成动态表单,其中一个结果已经检查过.希望能够更改它,但形成多选单选按钮.
jquery ×3
html ×2
ajax ×1
css ×1
forms ×1
javascript ×1
mysql ×1
php ×1
radio-button ×1
validation ×1