javascript - Jquery的表单序列化发送重复信息-6ren

javascript - Jquery的表单序列化发送重复信息

转载作者：行者123 更新时间：2023-12-03 08:00:21

我使用 Jquery's $("form").serialize() 发送表单数据方法。我将序列化数据显示为 alert($("form").serialize());并发现一些重复的消息。

那里可能有什么问题？

记录的消息显示在附图中。存在重复数据(下划线)。第一个很好stories=3&bedrooms=2&bathrooms=2对于 three SELECT elements 。然后还有另一条重复的消息 bedrooms=Bedrooms&bathroom=Bathrooms ，然后我在服务器上的 PHP 代码捕获了第二个，并且该值永远不会改变。

stories=3&bedrooms=2&bathrooms

是three SELECT elements及其默认选项 bedrooms and bathrooms是 Bedrooms and Bathrooms 。由于数据重复，无论我在bedrooms and bathrooms更改其他选项，发送到服务器的值永远不会改变。可能是什么问题以及如何解决？谢谢

编辑:

我的 HTML 代码很长。我只是网络应用程序的初学者，不确定它们是否以适当的方式，无论如何它们如下。有两步验证，第一步在函数 function validatelanded( event ) 的客户端服务器上的另一个 function sendtoServer() .

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">


<style type="text/css">
#header { background-color:green; color:white; text-align:center; padding:5px;}
#background {background: url(register_background.png);}
body {
    background-color: #cccccc;
}

.star { color: red;} 
.button { background-color: #4CAF50; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer;
}

.button2:hover { box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}

.overflow { height: 200px; }
select[required] + label {
    color: #999;
    font-family: Arial;
    font-size: 17px;
    position: relative;

    /*left: -230px;  the negative of the input width */
}

select[required] + label:after {
    content:'*';
    color: red;
}

input[required] + label {
    color: #999;
    font-family: Arial;
    font-size: 17px;
    position: relative;
    /*left: -230px;  the negative of the input width */
}

input[required] + label:after {
    content:'*';
    color: red;
}

input[need] + text{
    color: #999;
    font-family: Arial;
    font-size: 17px;
    position: relative;

    /*left: -230px;  the negative of the input width */
}




</style>
</head>

<body>

<div id="header">
<h1>Please add your landed property to advertise</h1>
</div>

<div id="background">
<form name="advertiseForm"  id="advertiseForm" method="post" >

<br /><br />
<div class="form_box">
   <div class="input_box ">
      <input type="radio" name="purpose" value="Sell" >To sell
      <input type="radio" name="purpose" value="Rent" required="required">To rent
      <label for="purpose">Please select transaction type</label>      
      <div  id="purpose-error" class="error-box" style="color:#FF0000">

      </div>      
   </div>
   <div class="clear"></div>
</div>

<br /><br />
<div class="form_box">
   <div class="input_box ">
     <input class="type" type="radio" name="type" value="No_building" >No building
     <input class="type" type="radio" name="type" value="With_RC">With RC
     <input class="type" type="radio" name="type" value="With_BrickNorcal" required="required">With BrickNorcal
     <label for="type">Please select building type</label>
     <div  id="type-error" class="error-box" style="color:#FF0000"></div>      
   </div>
   <div class="clear"></div>
</div>




<br /><br /><br />
<select name="stories"  id="stories"  required="required"/>  
     <option value="Stories" >Number of stories</option>  
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option>
     <option value="4">4</option> 
     <option value="morethan4">More than 4</option>
<select/>  
<label for="stories">Please select for number of stories</label>
<div  id="stories-error" class="error-box" style="color:#FF0000"></div>

<br /><br /><br />
<select name="bedrooms" id="bedrooms" required="required"/>  
     <option value="Bedrooms" >Number of bedrooms</option>  
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option>
     <option value="4">4</option> 
     <option value="5">5</option>
<select/>  
<label for="numbedrooms">Please select for number of bedrooms</label>
<div  id="bedrooms-error" class="error-box" style="color:#FF0000"></div>

<br /><br /><br />
<select name="bathrooms" id="bathrooms" required="required"/>  
     <option value="Bathrooms" >Number of Bathrooms</option>  
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option>
     <option value="4">4</option> 
     <option value="5">5</option>
<select/>  
<label for="bathrooms">Please select for number of bathrooms</label>
<div  id="bathrooms-error" class="error-box" style="color:#FF0000"></div>



<br /><br /><br />
<select name="divs_states" id="divs_states" required="required"/>  
   <optgroup label="Divisions">
      <option value="Division">Please select one of the following divisions</option>
      <option value="jquery">jQuery.js</option>
      <option value="jqueryui">ui.jQuery.js</option>
   </optgroup>
   <optgroup label="States">
      <option value="State">Please select one of the following states</option>
      <option value="somefile">Some unknown file</option>
      <option value="someotherfile">Some other file with a very long option text</option>
   </optgroup>    
<select/> 
<label for="divs_states">Please select a region</label>
<div  id="divs_states-error" class="error-box" style="color:#FF0000"></div>

<br /><br /><br />
<select name="township" id="township" required="required"/>  
     <option value="Township" >Township</option>  
     <option value="saab">Saab</option> 
     <option value="fiat">Fiat</option> 
     <option value="audi">Audi</option>    
<select/>  
<label for="township">Please select a nearest township</label>
<div  id="township-error" class="error-box" style="color:#FF0000"></div>

<br /><br /><br />
<div class="form_box">
    <div class="input_box">
        <input maxlength="100" type="price" name="price" id="price" required="required" />
        <label for="price">Price</label>
        <div  id="price-error" class="error-box" style="color:#FF0000"></div>        
    </div>
    <div class="clear"></div>
</div>

<br /><br />
<div class="form_box">
    <div class="input_box">
        <input maxlength="100" type="length" name="length" id="length" required="required" />
        <label for="length">Length in feet</label>        
        <input maxlength="100" type="width" name="width" id="width" required="required" />
        <label for="width">Width in feet</label>
        <br />
        <div  id="length-error" class="error-box" style="color:#FF0000"></div>
        <div  id="width-error" class="error-box" style="color:#FF0000"></div>        
    </div>
    <div class="clear"></div>
</div>

<br />
<input type="radio" name="havetelephone" value="yes" checked>Yes
<input type="radio" name="havetelephone" value="no" need="need">No
<text for="havetelephone">Landline telephone installed at home?</text>


<br /><br />
<input type="radio" name="haveaircon" value="yes">Yes
<input type="radio" name="haveaircon" value="no" required="required">No
<label for="haveaircon">Aircon installed?</label>
<div  id="haveaircon-error" class="error-box" style="color:#FF0000"></div>

<br /><br /><br />
<select name="possession" required="required"/>  
     <option value="Possession" >Possession</option>  
     <option value="saab">Saab</option> 
     <option value="fiat">Fiat</option> 
     <option value="audi">Audi</option>    
<select/>  
<label for="possession">Please select a possession type</label>
<div  id="possession-error" class="error-box" style="color:#FF0000"></div>

<br /><br /><br />
<input maxlength="100" type="text" name="date" id="date" required="required" />
<label for="date">Please specify an available date for start use</label>
<div  id="date-error" class="error-box" style="color:#FF0000"></div>


<br /><br /><br />
<textarea  rows="20" cols="70" name="textarea" id="textarea" placeholder="Please enter additional information here..."></textarea>
<div  id="textarea-error" class="error-box" style="color:#FF0000"></div>

<br /><br />
<div style="color:#0000FF">
  <h3>Contact address</h3>
</div>
<br />


<input type="radio" name="agentowner" value="Agent" >Agent
<input type="radio" name="agentowner" value="Owner" required="required">Owner
<label for="agentowner">Please specify</label>
<div  id="agentowner-error" class="error-box" style="color:#FF0000"></div>

<br /><br />

<div class="form_box">
    <div class="input_box ">
        <input maxlength="60" type="text" name="name" id="name" required="required" />
        <label for="name">Name</label>
        <div  id="name-error" class="error-box" style="color:#FF0000"></div>        
    </div>
    <div class="clear"></div>
</div>

<br /><br />
<div class="form_box">
    <div class="input_box ">
        <input maxlength="60" type="text" name="phone" id="phone" required="required" />
        <label for="phone">Phone</label>
        <div  id="phone-error" class="error-box" style="color:#FF0000"></div>
    </div>
    <div class="clear"></div>
</div>

<br /><br />
<div class="form_box">
    <div class="input_box">
        <input maxlength="64" type="text" name="email" id="email" required="required" />
        <label for="email">Email</label>
        <div  id="email-error" class="error-box" style="color:#FF0000"></div>
    </div>
    <div class="clear"></div>
</div>

<br /><br />
<textarea rows="10" cols="50" name="address" id="address" placeholder="Please key in full address if you are ok..."></textarea>



<!-- Check on the page itself first -->
<br /><br /><br />
<div style="text-align:center">
<input class="button button2" id="submitbutton" type="button" value="Submit" />
</div>

</form>
</div>

</body>
<script> 
    $("#textarea")
     .focus(function() {
    if ($("#textarea").val() == null) return;
    if ($("#textarea").val() == "Please enter additional information here...") 
        $("#textarea").val('');
    })
    .blur(function() {
    if ($("#textarea").val() == null) return;
    if ($("#textarea").val() == '') 
       $("#textarea").val('Please enter additional information here...');
   });

   $("#address")
   .focus(function() {
    if ($("#address").val() == null) return;
    if ($("#address").val() == "Please key in full address if you are ok...") 
        $("#address").val('');
   })
   .blur(function() {
    if ($("#address").val() == null) return;
    if ($("#address").val() == '') 
       $("#address").val('Please key in full address if you are ok...');
   });  
    $(function() {
         $( "#date" ).datepicker();   
    }); 



  function trimAll( str ) {
    return str.replace( /^\s+|\s+$/g, '' );
   }

function sendtoServer() {
     alert($("form").serialize());
     $.ajax({
        url: "advertisementdatavalidationatserver.php",
        type: "POST",
        data: $("form").serialize(), 
        success:  function(ret){
            alert(ret);
            if(ret.error == true){ 
              if(ret.message.indexOf("Purposeerror")>=0){
                  $('#purpose-error').css('display', 'block');
                  $('#purpose-error').html('Please enter to rent or to sell');
              }else{
                  $('#purpose-error').html(''); 
              } 

              if(ret.message.indexOf("Typeerror")>=0){
                  $('#type-error').css('display', 'block');
                  $('#type-error').html('Please enter your building type');
              }else{
                  $('#type-error').html(''); 
              } 

              if(ret.message.indexOf("Storieserror")>=0){
                  $('#stories-error').css('display', 'block');
                  $('#stories-error').html('Please enter number of stories at your building');
              }else{
                  $('#stories-error').html(''); 
              }

              if(ret.message.indexOf("Bedroomserror")>=0){
                  $('#bedrooms-error').css('display', 'block');
                  $('#bedrooms-error').html('Please enter number of bedrooms at your building');
              }else{
                  $('#bedrooms-error').html(''); 
              }

              if(ret.message.indexOf("Bathroomserror")>=0){
                  $('#bathrooms-error').css('display', 'block');
                  $('#bathrooms-error').html('Please enter number of bathrooms at your building');
              }else{
                  $('#bathrooms-error').html(''); 
              }

              if(ret.message.indexOf("Divisionerror")>=0){
                  $('#divs_states-error').css('display', 'block');
                  $('#divs_states-error').html('Please select a Division or a State');
              }else{
                  $('#divs_states-error').html(''); 
              }

              if(ret.message.indexOf("Townshiperror")>=0){
                  $('#township-error').css('display', 'block');
                  $('#township-error').html('Please select a Township');
              }else{
                  $('#township-error').html(''); 
              }

              if(ret.message.indexOf("Priceerror")>=0){
                  $('#price-error').css('display', 'block');
                  $('#price-error').html('Please include the price');
              }else{
                  $('#price-error').html(''); 
              }

              if(ret.message.indexOf("Priceinvalid")>=0){
                  $('#price-error').css('display', 'block');
                  $('#price-error').html('Price accepts only neumerical digits');
              }else{
                  $('#price-error').html(''); 
              }

           }else{
              $('#purpose-error').html(''); 
              $('#type-error').html(''); 
              $('#stories-error').html(''); 
              $('#bedrooms-error').html('');
              $('#bathrooms-error').html('');
              $('#divs_states-error').html(''); 
              $('#township-error').html(''); 
              $('#price-error').html(''); 
           }
        },
        error: function(){
           // the AJAX request failed as in timed out / bad url etc.

        } 
   });
}


  $( "#submitbutton" ).on( "click", validatelanded );
     function validatelanded( event ){

        if (!$("input[name='purpose']:checked").val()) {  
            $('#purpose-error').css('display', 'block');
            $('#purpose-error').html('Please select to Sell or to Rent');
            return false;
        }else{
            $('#purpose-error').html('');
        }

        if (!$("input[name='type']:checked").val()) {
            $('#type-error').css('display', 'block');
            $('#type-error').html('Please select one of the Building types');
            return false;
        }else{
            $('#type-error').html('');
        }

        if($("input[name='type']:checked").val() == "With_RC" || $("input[name='type']:checked").val() == "With_BrickNorcal"){
            if($( "#stories" ).val() == "Stories"){
                 $('#stories-error').css('display', 'block');
                 $('#stories-error').html('Please select number of stories at the building');
                 return false;
            }else{
                 $('#stories-error').html('');
            }

            if($( "#bedrooms" ).val() == "Bedrooms"){
                $('#bedrooms-error').css('display', 'block');
                $('#bedrooms-error').html('Please select number of bedrooms at the building');
                return false;
            }else{
                $('#bedrooms-error').html('');
            }

            if($( "#bathrooms" ).val() == "Bathrooms"){
                $('#bathrooms-error').css('display', 'block');
                $('#bathrooms-error').html('Please select number of bathrooms at the building');
                return false;
            }else{
                $('#bathrooms-error').html('');
            }
        }

        if($( "#divs_states" ).val() == "Division" || $( "#divs_states" ).val() == "State"){
            $('#divs_states-error').css('display', 'block');
            $('#divs_states-error').html('Please select a Division or a State');
            return false;
        }else{
            $('#divs_states-error').html('');
        }

        if($( "#township" ).val() == "Township" ){
            $('#township-error').css('display', 'block');
            $('#township-error').html('Please select a township');
            return false;
        }else{
            $('#township-error').html('');
        }

        var price = $('#price').val();
        if ($.trim(price) == '' ) {
            $('#price-error').css('display', 'block');
            $('#price-error').html('Please include price');
            return false; 
        }else if(!price.match(/^\d+$/)){
             $('#price-error').css('display', 'block');
             $('#price-error').html('Price can include only numerical digits');
             return false;
        }else{
            $('#price-error').html('');
        }  

        var length = $('#length').val();
        if ($.trim(length) == '' ) {
             $('#length-error').css('display', 'block');
             $('#length-error').html('Please include length of the land');
             return false; 
        }else if(!length.match(/^\d+$/)){
             $('#length-error').css('display', 'block');
             $('#length-error').html('Please include length in correct format');
             return false;         
        }else{
            $('#length-error').html('');
        } 

        var width = $('#width').val();
        if ($.trim(width) == '' ) {
             $('#width-error').css('display', 'block');
             $('#width-error').html('Please include width of the land');
             return false; 
        }else if(!width.match(/^\d+$/)){
             $('#width-error').css('display', 'block');
             $('#width-error').html('Please include width in correct format');
             return false;        
        }else{
            $('#width-error').html('');
        } 

        if (!$("input[name='haveaircon']:checked").val()) {
            $('#haveaircon-error').css('display', 'block');
            $('#haveaircon-error').html('Please select for the aircon');
            return false;
        }else{
            $('#haveaircon-error').html('');
        } 

        if($( "#possession" ).val() == "Possession"){
           $('#possession-error').css('display', 'block');
           $('#possession-error').html('Please select possession type');
           return false;            
        }else{
            $('#possession-error').html('');
        } 

        if ($.trim($('#date').val()) == '' ) {
             $('#date-error').css('display', 'block');
             $('#date-error').html('Please include available date for start use');
             return false; 
        }else{
            $('#date-error').html('');
        } 


        if ($('#textarea').val() == "" || $('#textarea').val() =="Please enter additional information here...")
        {
             $('#textarea-error').css('display', 'block');
             $('#textarea-error').html('Please enter additional information in the above text area...');
             return false; 
        }else{
            $('#textarea-error').html('');
        } 


        if (!$("input[name='agentowner']:checked").val()) {
            $('#agentowner-error').css('display', 'block');
            $('#agentowner-error').html('Please select Agent or Owner');
            return false;
        }else{
            $('#agentowner-error').html('');
        }

        var name = $('#name').val();
        if( $.trim(name) == '' ){
            $('#name-error').css('display', 'block');
            $('#name-error').html('Please include name of the person who submit this advertisement.');
            return false;
        }else{
            $('#name-error').html('');
        }

        var phone= $('#phone').val();
        if ($.trim(phone) == '') {
            $('#phone-error').css('display', 'block');
            $('#phone-error').html('Please include phone number to contact.');
            return false;
        } else if(phone.length < 6){
            $('#phone-error').css('display', 'block');
            $('#phone-error').html('Please include valid phone number to contact.');
            return false;
        }else if (!phone.match(/^[0-9]+$/)){
            $('#phone-error').css('display', 'block');
            $('#phone-error').html('Please include valid phone number to contact.');
            return false;
        }else{
            $('#phone-error').html('');
        }

        var email= $('#email').val();          
        if ($.trim(email) == '') {
            $('#email-error').css('display', 'block');
            $('#email-error').html('Please include email number to contact.');
            return false;
        }else if (!email.match(/^[-a-z0-9~!$%^&*_=+}{\'?]+(\.[-a-z0-9~!$%^&*_=+}{\'?]+)*@([a-z0-9_][-a-z0-9_]*(\.[-a-z0-9_]+)*\.(aero|arpa|biz|com|coop|edu|gov|info|int|mil|museum|name|net|org|pro|travel|mobi|[a-z][a-z])|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,5})?$/i)) {
            $('#email-error').css('display', 'block');
            $('#email-error').html('Please include valid email number to contact.');
            return false;
        }else{
            $('#email-error').html('');
        } 


        sendtoServer();
    }
</script>
</html>

最佳答案

当我使用多个表单时，我会给出每个空缺 <form>标记一个唯一的 ID 并序列化该特定 ID 上的数据。您编辑中的表单具有“advertiseForm”id，而不是“form”。不要忘记#在js中写入ids时的字符。

你的js应该是这样的:$("#advertiseForm").serialize() ，这将使用 id 'advertiseForm' 序列化表单。另一种形式也必须有唯一的 id 或类名才能正确序列化。

关于javascript - Jquery的表单序列化发送重复信息，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34606202/

文章推荐： javascript - AngularJS REST 调用错误

文章推荐： javascript - meteor 从事件更新模板

文章推荐： javascript - 如何在javascript中分解url？

jquery - CoffeeScript 与 jQuery、jQuery ($) 和 jQuery
在带有 jQuery 的 CoffeeScript 中，以下语句有什么区别吗？ jQuery ($) -> jQuery -> $ - > 最佳答案第一个与其他两个不同，就像在纯 JavaScr
jquery - jQuery 为什么叫 jQuery？名字的由来是什么？
已关闭。这个问题是 off-topic 。目前不接受答案。想要改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。已关闭13 年前。 Improve th
jquery - jQuery 插件和 jQuery 小部件之间的区别？
就目前情况而言，这个问题不太适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、民意调查或扩展讨论。如果您觉得这个问题可以改进并可能重新开放，visit
jquery - jQuery 生产和 jQuery 开发之间的区别？
这个问题可能听起来很愚蠢，但请耐心等待，因为我完全是初学者。我下载了两个 jQuery 版本，开发版本和生产版本。我想知道作为学习 jQuery 的初学者，什么更适合我。最佳答案如果您对 jQue
jquery - jQuery Mobile 使用什么版本的 jQuery？
The documentation说要使用 1.6.4，但我们现在已经升级到 1.7.2。我可以在 jQuery Mobile 中使用最新版本的 jQuery 吗？最佳答案您当然可以，但如果您想
jquery - jquery 新手 - jquery 弹出
我在这里看到这个不错的 jquery 插件:prettyphoto jquery lightbox有没有办法只用一个简单的jquery来实现这样的效果。我只需要弹出和内联内容。你的回复有很大帮助。
jquery - 使用 jQuery 附加 jQuery
很明显我正在尝试做一些 jQuery 不喜欢的事情。我正在使用 javascript 上传图片。每次上传图片时，我都希望它可见，并附加一个有效的删除脚本。显示工作正常，删除则不然，因为当我用 fir
jquery - jQuery 数组和 jQuery 对象之间的技术区别是什么？
这两个哪个是正确的？ jQuery('someclass').click(function() { alert("I've been clicked!"); }); 或 jQuery('somec
jquery - if (jQuery)(function ($) { . . .})(jQuery);插件格式
我正在寻找一个具有以下格式的插件 if (jQuery)(function ($) { -- plugin code -- })(jQuery); 我明白 (function ($)
jquery - 使用哪个版本的 jQuery/jQuery UI？
关闭。这个问题是opinion-based 。目前不接受答案。想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 . 已关闭10 年前。 Improv
jQuery + jQuery 表单提交插件 + jQuery 验证插件
我知道这个问题已经被问过几次了，但想知道您是否可以帮助我解决这个问题。背景:我尝试创建一个使用 Ajax 提交的表单(jQuery 表单提交)。我已经工作得很好，然后我想在表单上得到验证。我可以使用
jquery - jquery 元数据插件和 jquery 验证插件的主要烦恼
我正在使用无处不在的jquery validate plugin用于表单验证。它支持使用metadata plugin用于向表单元素添加验证规则。我正在使用此功能。当验证查找这些规则时，它会对元素进
jquery - 使用 jQuery 还是不使用 jQuery？
我更喜欢为我一直在开发的网络社区添加实用的视觉效果，但随着事情开始堆积，我担心加载时间。拥有用户真的更快吗加载(希望是缓存的)副本来自 Google 存储库的 jquery？是否使用 jQuery
jquery - 有没有办法在 jQuery 中左右滑动而不使用 jQuery UI 和 jQuery Mobile
这个问题已经有答案了: Slide right to left? (17 个回答) 已关闭 9 年前。你能告诉我有没有办法在 jQuery 中左右滑动而不使用 jQuery UI 和 jQuery
jquery - XMLHttpRequest、jQuery.ajax、jQuery.post、jQuery.get 之间有什么区别
我如何找出最适合某种情况的方法？任何人都可以提供一些示例来了解功能和性能方面的差异吗？最佳答案 XMLHttpRequest 是原始浏览器对象，jQuery 将其包装成一种更有用和简化的形式以及跨浏
jquery - 为什么我在 Assets 安装时无法解析 'jQuery=jquery'？
运行时 php bin/console oro:assets:build ，我有 11 个这样的错误: ERROR in ../node_modules/jquery-form/src/jquery.
jquery - jQuery.ajax 在 jQuery 源代码中的哪里定义？
我试图找到 jQuery.ajax() 在源代码中的定义位置。但是，使用 grep 似乎不起作用。在哪里？谢谢。 > grep jQuery.ajax src/* src/ajax.js:// B
jquery - 从单独的 jQuery 对象创建 jQuery 对象集合
$.fn.sortByDepth = function() { var ar = []; var result = $([]); $(this).each(function()
jquery - jQuery.one() 和 jQuery.on() 之间的区别
我的页面上有多个图像。为了检测损坏的图像，我使用了在 SO 上找到的这个。 $('.imgRot').one('error',function(){ $(this).attr('src','b
jquery - jQuery 如何实现将 $ 设为 jQuery 函数的别名？
我在理解 $ 符号作为 jQuery 函数的别名时遇到了一些麻烦，尤其是在插件中。你能解释一下 jQuery 如何实现这种别名:它如何定义 '$' 作为 jQuery 函数的别名？这是第一个问题。其

行者123

个人简介

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

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - Jquery的表单序列化发送重复信息