jQuery的焦點和最后提交后自動提交提交

Question

jQuery有兩種情況，

我有兩個文本框（名稱，年齡），現在我需要做的是在禁用年齡的情況下自動聚焦名稱加載，一旦用戶輸入名稱輸入，它將變為禁用並使用年齡文本框切換（啟用和聚焦） ）。 填滿年齡文本框后，jQuery會自動將其提交，不帶任何按鈕

現在第一件事是，我能夠禁用和啟用文本框，但是當我將document.name.focus（）放不下時，我的意思是焦點不起作用。第二件事是，我設法進行了自動提交使用此代碼

$(document).ready(function(){
    $('[name="age"]').blur(function(){
        if(this.value != ''){
            document.form.submit();
        }
    });
});

因此，在填寫完最后一個文本框后，它將自動提交，但是問題是，每當我運行它時，我都會不斷收到此錯誤“注意：未定義的索引：C：\\ location中的名稱”。

這是我的代碼：

 <script> $(document).ready(function(){ $('[name="age"]').blur(function(){ if(this.value != ''){ document.form.submit(); } }); }); $(document).ready(function() { $('[name="name"]').blur(function() { var that = $('[name="age"]')[0]; if (this.value != '') { this.focus(); this.disabled = true; that.disabled = false; } }); }); function focusName(){ var count = document.form.name.value.length + 1; if(count <= 8){ document.form.name.focus(); }else{ document.form.age.focus(); } } function focusAge(){ var count = document.form.age.value.length + 1; if(count <= 10){ document.form.age.focus() }else{ document.form.submit(); } } </script> 

 <fieldset> <legend>Information </legend> <form action="receive.php" method="post" name="form"> name : <input type="text" name="name" onKeyUp="focusName();" maxlength="8"><br> Age : <input typr="text" name="age" disabled onKeyUp="focusAge();" maxlength="3"><br> <!--input type="submit"--> </form> </fieldset> 

請幫助！。謝謝。

Answer 1

一些提示：在您的文本框中添加一些ID

范例：

name : <input type="text" id="name" name="name" onKeyUp="focusName();" maxlength="8"><br>
    Age : <input typr="text" id="age" name="age" disabled onKeyUp="focusAge();" maxlength="3">

關注名稱onload（使用JQuery）：

$(document).ready(function(){$("#name").focus();})

自動提交您的表格：

$("form :input").focusout(function(){

   $(this).each(function(){
    if($(this).val()=="" )
    {
      return false;
    }
  });
  $("form").submit();
});