个人中心
gpt4 book ai didi

php - 根据复选框值验证文本字段 - jQuery 验证

转载 作者：行者123 更新时间：2023-12-01 05:05:05 25 4
gpt4 key购买 nike

我有一个项目列表，每个项目都附有一个复选框。我目前正在使用 jQuery 表单和验证插件。我想使用它，以便仅当用户选中该复选框时，才会验证与该复选框关联的文本字段，否则不需要验证。

以下是演示代码

<form action='feeddatabase.php' method=post id='feedlisting'>
<input type=submit value='Submit!' name=submit>

<table border=2>
    <input type=text name='title1' size=100 style='display:none' value="Babes with curves are the new rage in Bollywood">
 <tr>
<td rowspan="9"><input type='checkbox' class='article_check'  name='selectArticle[]'   value=1 /></td>
<td colspan="2"><h3><u><a href='http://www.santabanta.com/cinema.asp?pid=47880'>Babes with curves are the new rage in Bollywood</a></u></h3></td>
</tr>
<tr>
<td><b>Url</b></td>
 <td><input type=text  class='article_req_info' name='url1' size=100 value='http://www.santabanta.com/cinema.asp?pid=47880'>
                    <input type=text style='display:none' name='blogurl1' size=100 value='http://www.santabanta.com/cinema.asp'>
                    <input type=text style='display:none' name='blogtitle1' size=100 value="Latest Bollywood news, Movie Review and Previews">
                    <input type=text style='display:none' name='blogfeedurl1' size=100 value='http://www.santabanta.com/rss/cinema.asp?cat=Mirch Masala'></td>

 </tr>
 <tr>
 <td><b>Author</b></td>
 <td><input type=text  name='author1' size=100 value=''></td>
 </tr>

 <tr>
  <td><b>Date</b></td><td><input type=text name='date1' size=100 value='2011-7-08'> </td>
 </tr>

 <tr>
 <td><b>Desc</b></td>
  <td><input type=text name='desc1' size=100 value="The curve is more powerful than the sword. And the one time sex goddess should know this from her experience...">
                    <input type=text  style='display:none' name='html_content1'  value='The curve is more powerful than the sword. And the one time sex goddess should know this from her experience...'><br></td>
  </tr>

 <tr>
 <td><b>Featured</b></td><td><input type='checkbox' name='featuredArticle1' value=1 /></td>
 </tr>

 <tr>
 <td><b>Category</b></td>
 <td><select name="category1">
<option value="Technology"  >Technology</option>
<option value="Social" >Social</option>
<option value="Entertainment"selected >Entertainment</option>
<option value="Gaming"  >Gaming</option>
<option value="News"  >News</option>
<option value="Sports"  >Sports</option>
<option value="Videos"  >Videos</option></select></td>
 </tr>

 <tr>
 <td><u>Tags: </u></td>
 <td><input type=text name='tag1' size=100 value='new rage,curves,babes'></td>
 </tr>

 <tr>
 <td><u>Images for the post from Content/Google/Default</u></td>
 <td><input type=radio name="group1" checked value='http://media.santabanta.com/newsite/cinemascope/images/sonakshi24_big.jpg' \>
 </td>
 </tr>

 </table>
</form>

我使用的jquery如下

<html> 
<head> 

 <script type="text/javascript" src="../javascripts/jquery.js"></script> 
<script type="text/javascript" src="../javascripts/jquery.form.js"></script> 
<script type="text/javascript" src="../javascripts/jquery.validate.js"></script> 
<script type="text/javascript" src="../javascripts/jquery.loady.js"></script> 


<script type="text/javascript">

 /* $("#loader").loady({
                    url: "sharer.php"
                }); */ 

$(document).ready(function() { 
    // bind form using ajaxForm 

        /* $(this).loady({
                    url: "sharer.php"
                }); */


        $('.article_check').click(function() {

             rules: {
                article_info: {
                    required: true,

                };  
            }
            });

});
</script>
 </head>
 <body>

</body>

</html>

如果我有什么错误的地方，请纠正我......

编辑:

现在正在使用下面的脚本

 <script>

  $(document).ready(function(){
  $("#feedlisting").validate();
  }); 



 function countChecked() {
  var n = $("input[name='selectArticle[]']:checked").length;
  var v = $("input[name='selectArticle[]']:checked").val();

  if(v)
  {
  alert(v);
  alert("url"+v);
  $("#url"+v).addClass('required url');
  }
  else
  {

$("#url"+v).removeClass('required url');
  }
  $("div").text(n + (n <= 1 ? " is" : " are") + " checked!" + " value :" + v);
}
//countChecked();
$("input[name='selectArticle[]']:checkbox").click(countChecked);
</script>

它工作得很好，除了当我取消选中时，removeClass 东西不起作用。当我选中它时，它会动态添加“必需的 url”类，但当我取消选中时，不会删除它。我做错了什么吗？

最佳答案

几个选项:
1.add a custom rule用于验证文本字段；您的验证函数将检查复选框的值，然后才验证文本字段。
2. 将 onchange 事件添加到复选框，这将从相关文本字段中添加/删除类 'required'(请记住，验证规则也可以在使用类属性的标记)

编辑
针对您的问题，这是一个简单的解决方案:

我假设您有一个要更改的文本字段的静态(=提前已知)列表。例如，如果这些字段是 txtName 和 txtAddress，您的代码可能类似于:

$("#checkBox").change(function () { 
     if ($("#checkBox").val() {
          //if checkbox is checked- add the 'required' class
          $("#txtName").addClass('required');
          $("#txtAddress").addClass('required');
     }
     else {
          //if checkbox is unchecked- remove the 'required' class
          $("#txtName").rmeoveClass('required');
          $("#txtAddress").removeClass('required');
     }
});

关于php - 根据复选框值验证文本字段 - jQuery 验证，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6637027/

25 4 0
文章推荐： jQuery ajax 帖子被触发两次
文章推荐： python - 如何从列表的字典创建字典的列表
文章推荐： symfony - class 和 data_class 实体字段选项的区别
文章推荐： Python - 在单个循环中执行的操作与在两个循环中执行的操作一样多
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com