小编Aki*_*son的帖子

为什么jQuery Validation添加noValidate属性?

我目前正在使用:

<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 jquery-validate

34
推荐指数
1
解决办法
5万
查看次数

AJAX调用后jQuery功能无法正常工作

我似乎遇到了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元素中删除隐藏的类,并且有数据要显示.我不知道发生了什么事.请帮忙!

html ajax jquery

5
推荐指数
1
解决办法
1万
查看次数

jQuery验证errorPlacement - 修正后无法删除错误

希望你能帮助我!一旦用户纠正了错误,我就无法删除错误.例如,验证电子邮件字段.每个字符按下都会根据需要多次添加错误,直到验证为止.这是一个片段:

$( "#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.到目前为止,我已成功删除.但是错误会一直反复追加,直到验证成功为止.

javascript css validation jquery

1
推荐指数
1
解决办法
5021
查看次数

表格不断选择多个单选按钮

我觉得这个问题有一个简单的解决方案,但我似乎无法弄明白.

我正在使用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生成动态表单,其中一个结果已经检查过.希望能够更改它,但形成多选单选按钮.

html php mysql forms radio-button

0
推荐指数
1
解决办法
708
查看次数

标签 统计

jquery ×3

html ×2

ajax ×1

css ×1

forms ×1

javascript ×1

jquery-validate ×1

mysql ×1

php ×1

radio-button ×1

validation ×1