<em id="hanht"></em>

    <dd id="hanht"></dd>

    <em id="hanht"><acronym id="hanht"></acronym></em>
    
    <button id="hanht"></button>
    <rp id="hanht"><object id="hanht"><blockquote id="hanht"></blockquote></object></rp><em id="hanht"></em>

    首頁 > 運營 > 幫助中心 > 正文

    jq判斷輸入框必填(適合多條件搜索,注冊等等表單)

    2020-09-12 14:41:52
    字體:
    來源:轉載
    供稿:網友

    1、當然是先引入jq;

    2、編寫css

    3、頁面代碼:

    <form name="searchform" id="searchform" method="post" action="/search/index.php" target="_blank">
    <table width="427" border="0" align="center" cellpadding="3" cellspacing="1">
    <input type="hidden" name="classid" value="18">
    <input type="hidden" name="andor" value="and">
        <tr bgcolor="#FFFFFF">
          <td width="61" height="36" align="right"><b>姓名:</b></td>
          <td width="351"> 
       <input name="keyboard[]" type="text" id="username" size="30" tabindex="1"/>&nbsp;<span class="errorinfo" id="info1">請輸入姓名</span>
              </td>
        </tr>
        <tr bgcolor="#FFFFFF">
          <td height="36" align="right"><b>查詢號:</b></td>
          <td> 
              <input name="keyboard[]" type="text" id="password" size="30" tabindex="2"/>&nbsp;<span class="errorinfo" id="info2">請輸入查詢號</span>
              </td>
        </tr>
        <tr bgcolor="#FFFFFF">
          <td height="30">&nbsp;</td>
          <td height="30">
            <input type="image" src="images/cx02_bg.gif" tabindex="3"/>
          </td>
        </tr>
      </table>
    </form>

    4、JS代碼


    $(document).ready(function(){
     $("#searchform").submit(function(){
      //獲得表單值
      var username=$("#username").val();
      var password=$("#password").val();
      //如果表單為空,提示用戶
      if(username==""){
       //顯示錯誤提示信息
       $("#username").addClass("redborder");
       $("#info1").addClass("show");
       return false;
      }
      if(password==""){
       $("#password").addClass("redborder");
       $("#info2").addClass("show");
       return false;
      }
      return true;
     });
    });

    5、最終表現

    jq判斷輸入框必填(適合多條件搜索,注冊等等表單)

    PS:上列是當頁面有多個form表單的情況,JS判斷的是from的ID(如果不用from的ID來判斷,用下面的第二種方法會產生沖突,因為第二種方法就是判斷form)。

    另一種情況是整個頁面就一個form的,JS


    $(document).ready(function(){
     $("form").submit(function(){
      //獲得表單值
      var username=$("#username").val();
      var password=$("#password").val();
      //如果表單為空,提示用戶
      if(username==""){
       //顯示錯誤提示信息
       $("#username").addClass("redborder");
       $("#info1").addClass("show");
       return false;
      }
      if(password==""){
       $("#password").addClass("redborder");
       $("#info2").addClass("show");
       return false;
      }
      return true;
     });
    });

    注意紅色部分和第一種方法的區別!

    發表評論 共有條評論
    用戶名: 密碼:
    驗證碼: 匿名發表
    一级特黄大片欧美久久久久_一本一道久久综合狠狠老_JLZZ日本人年轻护士_欧美男男作爱VIDEOS可播放
      <em id="hanht"></em>

      <dd id="hanht"></dd>

      <em id="hanht"><acronym id="hanht"></acronym></em>
      
      <button id="hanht"></button>
      <rp id="hanht"><object id="hanht"><blockquote id="hanht"></blockquote></object></rp><em id="hanht"></em>