card.apply.hsbc.com.tw Open in urlscan Pro
107.154.80.19  Public Scan

URL: https://card.apply.hsbc.com.tw/hsbcoa/index.jsp?cardid=13&BannerID=ISO_JOEMAN
Submission: On January 13 via manual from US — Scanned from DE

Form analysis 1 forms found in the DOM

Name: form

<form name="form" autocomplete="off" novalidate="true" class="ng-pristine ng-invalid ng-invalid-required ng-valid-pattern ng-valid-maxlength ng-invalid-idno">
  <input type="text" id="HP" name="HP" class="hide" aria-label="hidden" tabindex="-1">
  <div class="panel panel-default step-apply-index ng-scope" ng-controller="stepApplyIndexCtrl as vm">
    <div class="panel-body">
      <div class="clearfix ng-hide" ng-show="vm.mgminfo.mgmCode &amp;&amp; vm.mgminfo.rIdNumberHidden" aria-hidden="true">
        <dl class="applicantInfo m-b-15 p-t-15 p-b-5 clearfix" tabindex="0">
          <h4 class="col-xs-12 color-black m-b-10"><strong>推薦人資料</strong></h4>
          <dt class="col-lg-3 col-xs-12 col-sm-12 color-black m-b-10">
            <span class="icon-bg icon-lock">身分證字號</span>
            <span class="sr-only">無法變更</span>
          </dt>
          <dd class="col-lg-9 col-xs-12 col-sm-12 m-b-10 ng-binding"></dd>
          <div class="clearfix" aria-hidden="true"></div>
          <dt class="col-lg-3 col-xs-12 col-sm-12 color-black m-b-10">
            <span class="icon-bg icon-lock">姓名</span>
            <span class="sr-only">無法變更</span>
          </dt>
          <dd class="col-lg-9 col-xs-12 col-sm-12 m-b-10 ng-binding"></dd>
        </dl>
      </div>
      <div class="clearfix">
        <div class="row">
          <div class="form-group col-lg-4 col-xs-12" role="group" aria-labelledby="cardProduct_by"
            ng-class="{'has-error':form.card.$touched &amp;&amp; (vm.MH_notMatch || vm.VV_notMatch),'error-abs':form.card.$touched &amp;&amp; (vm.MH_notMatch || vm.VV_notMatch)}">
            <label id="cardProduct_by" for="cardProduct" role="heading" class="control-label">申請卡別 *</label>
            <div class="col-xs-12">
              <div class="clearfix relative">
                <div class="select-custom">
                  <select id="cardProduct" class="form-control ng-pristine ng-untouched ng-not-empty ng-valid ng-valid-required" name="card" title="申請卡別" ng-model="vm.firstpage.mCardCode"
                    ng-change="apply.startApplyTrack();apply.cardChange(vm.firstpage.mCardCode);matchAccount();bindCashBackData(apply.selectedCard);" required="" aria-describedby="card_hint" aria-required="false" aria-invalid="false" style="">
                    <option value="" checked="checked" disabled="disabled">請選擇</option>
                    <!-- ngRepeat: card in apply.cardsInfo --><!-- ngIf: card.code -->
                    <option value="13" ng-repeat="card in apply.cardsInfo" ng-if="card.code" class="ng-binding ng-scope" selected="selected">滙豐匯鑽卡</option>
                    <!-- end ngIf: card.code --><!-- end ngRepeat: card in apply.cardsInfo --><!-- ngIf: card.code -->
                    <option value="1" ng-repeat="card in apply.cardsInfo" ng-if="card.code" class="ng-binding ng-scope">滙豐現金回饋御璽卡</option><!-- end ngIf: card.code --><!-- end ngRepeat: card in apply.cardsInfo --><!-- ngIf: card.code -->
                    <option value="10" ng-repeat="card in apply.cardsInfo" ng-if="card.code" class="ng-binding ng-scope">滙豐旅人無限卡</option><!-- end ngIf: card.code --><!-- end ngRepeat: card in apply.cardsInfo --><!-- ngIf: card.code -->
                    <option value="11" ng-repeat="card in apply.cardsInfo" ng-if="card.code" class="ng-binding ng-scope">滙豐旅人御璽卡</option><!-- end ngIf: card.code --><!-- end ngRepeat: card in apply.cardsInfo --><!-- ngIf: card.code -->
                    <option value="12" ng-repeat="card in apply.cardsInfo" ng-if="card.code" class="ng-binding ng-scope">滙豐旅人輕旅卡</option><!-- end ngIf: card.code --><!-- end ngRepeat: card in apply.cardsInfo --><!-- ngIf: card.code -->
                    <option value="5" ng-repeat="card in apply.cardsInfo" ng-if="card.code" class="ng-binding ng-scope">滙豐卓越理財信用卡</option><!-- end ngIf: card.code --><!-- end ngRepeat: card in apply.cardsInfo --><!-- ngIf: card.code -->
                    <option value="6" ng-repeat="card in apply.cardsInfo" ng-if="card.code" class="ng-binding ng-scope">滙豐運籌理財現金回饋信用卡</option><!-- end ngIf: card.code --><!-- end ngRepeat: card in apply.cardsInfo -->
                  </select>
                </div>
              </div>
              <label for="hsbcCustomer" class="error-text ng-binding ng-hide" ng-show="vm.MH_notMatch &amp;&amp; form.card.$touched" aria-hidden="true">申請滙豐卓越理財信用卡,需持有本行卓越理財帳戶</label>
              <label for="hsbcCustomer" class="error-text ng-binding ng-hide" ng-show="vm.VV_notMatch &amp;&amp; form.card.$touched" aria-hidden="true">申請滙豐運籌理財現金回饋信用卡,需持有本行運籌理財帳戶</label>
              <label id="card_hint"><small class="ng-binding">需提供年薪30萬以上薪資所得證明</small></label>
            </div>
          </div>
          <div class="form-group col-lg-4 col-xs-12 ng-hide" ng-class="{'has-error':form.gift.$error.required &amp;&amp; form.gift.$touched &amp;&amp; apply.selectedCard.gift.length > 0}" ng-show="apply.selectedCard.gift.length > 0" role="group"
            aria-labelledby="cardGift_by" aria-hidden="true">
            <label id="cardGift_by" for="cardGift" class="control-label">首刷禮 *</label>
            <div class="col-xs-12">
              <div class="clearfix relative">
                <div class="select-custom">
                  <select id="cardGift" class="form-control ng-pristine ng-untouched ng-valid ng-empty ng-valid-required" name="gift" ng-model="vm.firstpage.cPresentForFirst" ng-required="apply.selectedCard.gift.length > 0"
                    ng-disabled="apply.selectedCard.gift.length == 0" aria-describedby="error_cardGift_by" ng-change="apply.startApplyTrack();" aria-disabled="false" aria-required="false" aria-invalid="false">
                    <option value="" disabled="disabled" checked="checked" selected="selected">請選擇</option>
                    <!-- ngRepeat: gift in apply.selectedCard.gift -->
                  </select>
                </div>
              </div>
              <label id="error_cardGift_by" for="cardGift" class="error-text ng-binding ng-hide" ng-show="form.gift.$error.required &amp;&amp; form.gift.$touched &amp;&amp; apply.selectedCard.gift.length > 0" role="alert"
                aria-hidden="true">此欄位必填</label>
            </div>
          </div>
          <div class="form-group col-lg-4 col-xs-12" ng-class="{'has-error':form.cashBack.$error.required &amp;&amp; form.cashBack.$touched &amp;&amp; apply.selectedCard.cashBack.length > 0}" ng-show="apply.selectedCard.cashBack.length > 0"
            role="group" aria-labelledby="cardGift_by" aria-hidden="false" style="">
            <label id="cashBack_by" for="cashBack" class="control-label">現金回饋方式 *</label>
            <div class="col-xs-12">
              <div class="clearfix relative">
                <div class="select-custom">
                  <select id="cashBack" class="form-control ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-required" name="cashBack" ng-model="vm.firstpage.cReturningWay" ng-required="apply.selectedCard.cashBack.length > 0"
                    ng-disabled="!apply.selectedCard.cashBack" aria-describedby="error_cashBack_by" ng-change="apply.startApplyTrack();" aria-disabled="false" aria-required="false" aria-invalid="false" required="required">
                    <!-- ngRepeat: item in apply.selectedCard.cashBack -->
                    <option value="M" ng-repeat="item in apply.selectedCard.cashBack" class="ng-binding ng-scope" selected="selected" style="">帳戶累積</option><!-- end ngRepeat: item in apply.selectedCard.cashBack -->
                    <option value="A" ng-repeat="item in apply.selectedCard.cashBack" class="ng-binding ng-scope">自動折抵</option><!-- end ngRepeat: item in apply.selectedCard.cashBack -->
                  </select>
                </div>
              </div>
              <label id="error_cashBack_by" for="cashBack" class="error-text ng-binding ng-hide" ng-show="form.cashBack.$error.required &amp;&amp; form.cashBack.$touched &amp;&amp; apply.selectedCard.cashBack.length > 0" role="alert"
                aria-hidden="true">此欄位必填</label>
              <label id="cashBack_hint"><small ng-bind-html="cashBackHint[vm.firstpage.cReturningWay]" class="ng-binding">累積至信用卡帳戶並依正卡持卡人之申請兌換</small><!-- ngIf: vm.firstpage.mCardCode!=='13' && vm.firstpage.cReturningWay ==='M' --></label>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="form-group col-lg-4 col-xs-12" ng-class="{'has-error':(form.name.$error.required || form.name.$error.pattern) &amp;&amp; form.name.$touched}">
            <label id="name_by" for="name" class="control-label">中文姓名 *</label>
            <div class="col-xs-12">
              <input type="text" class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern ng-valid-maxlength" name="name" id="name" placeholder="" ng-model="vm.firstpage.cPrimChName"
                ng-pattern="/^[\u4E00-\u9FA5]+$/" required="" maxlength="10" aria-describedby="error_name_by_1 error_name_by_2" ng-click="apply.startApplyTrack();" ng-change="logoutTimerStart()" aria-required="true" aria-invalid="true">
              <label id="error_name_by_1" class="error-text ng-binding ng-hide" for="name" ng-show="form.name.$error.required &amp;&amp; form.name.$touched" role="alert" aria-hidden="true">此欄位必填</label>
              <label id="error_name_by_2" class="error-text ng-binding ng-hide" for="name" ng-show="form.name.$error.pattern &amp;&amp; form.name.$touched &amp;&amp; !form.name.$error.required" role="alert" aria-hidden="true">請輸入10個字以內的中文</label>
            </div>
          </div>
          <div class="form-group col-lg-4 col-xs-12" ng-class="{'has-error':(form.mobile.$error.required || form.mobile.$error.pattern) &amp;&amp; form.mobile.$touched}" role="group" aria-labelledby="mobile_by">
            <label id="mobile_by" for="mobile" class="control-label">行動電話 *</label>
            <div class="col-xs-12">
              <input type="tel" class="form-control ng-pristine ng-untouched ng-isolate-scope ng-empty ng-invalid ng-invalid-required ng-valid-pattern ng-valid-maxlength" name="mobile" id="mobile" placeholder="" ng-model="vm.firstpage.cPrimMobileNum"
                required="" maxlength="10" inputmode="numeric" format-number="" ng-pattern="/^09\d{8,8}$/" data="vm.firstpage.cPrimMobileNum" error="form.mobile.$error.pattern" aria-describedby="error_mobile_by" ng-click="apply.startApplyTrack();"
                ng-change="logoutTimerStart()" aria-required="true" aria-invalid="true">
              <label id="error_mobile_by" for="mobile" class="error-text ng-binding ng-hide" ng-show="(form.mobile.$error.pattern || form.mobile.$error.required) &amp;&amp; form.mobile.$touched" role="alert" aria-hidden="true">此欄位必填,請輸入格式正確的行動電話, 如:
                0912345678</label>
            </div>
          </div>
          <div class="form-group col-lg-4 col-xs-12" ng-class="{'has-error':(form.email.$error.required || form.email.$error.pattern) &amp;&amp; form.email.$touched}">
            <label for="email" class="control-label">Email * </label>
            <div class="col-xs-12">
              <input type="text" class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern ng-valid-maxlength" id="email" name="email" placeholder="" ng-model="vm.firstpage.cPrimEMail" required=""
                aria-describedby="error_email_by hint" ng-click="apply.startApplyTrack();" ng-pattern="/^[_a-zA-Z0-9-]+([.][_a-zA-Z0-9-]+)*@[a-zA-Z0-9-]+([.][a-zA-Z0-9-]+)*$/" maxlength="30" ng-change="logoutTimerStart()" inputmode="email"
                aria-required="true" aria-invalid="true">
              <label id="error_email_by" for="email" class="error-text ng-binding ng-hide" ng-show="(form.email.$error.pattern || form.email.$error.required) &amp;&amp; form.email.$touched" role="alert" aria-hidden="true">此欄位必填,請輸入格式正確的 email</label>
              <label for="email" id="hint"><small>請確實填寫您的電子郵件信箱,稍後我們會將您的完整申請資料寄送至此</small></label>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="form-group col-lg-4 col-xs-12" ng-class="{'has-error':(form.idno.$error.required || form.idno.$error.idno) &amp;&amp; form.idno.$touched}">
            <label for="idno" class="control-label col-xs-12">身分證字號 *</label>
            <div class="col-xs-12">
              <input type="text" class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-maxlength ng-invalid-idno" id="idno" name="idno" placeholder="" ng-model="vm.firstpage.cPrimId" required="" maxlength="10"
                aria-describedby="error_idno_by_1" ng-disabled="ifOtpSuccess" idno-validator="" ng-click="apply.startApplyTrack();" aria-disabled="false" aria-required="true" aria-invalid="true">
              <label id="error_idno_by_1" for="idno" class="error-text ng-binding ng-hide" ng-show="(form.idno.$error.required || form.idno.$error.idno) &amp;&amp; form.idno.$touched" role="alert" aria-hidden="true">請輸入正確的身分證字號, 如: A123456789</label>
            </div>
          </div>
          <div class="form-group col-lg-4 col-xs-12" ng-class="{'has-error':form.contactTime.$error.required &amp;&amp; form.contactTime.$touched}" role="group" aria-labelledby="contactTime_by">
            <label id="contactTime_by" for="contactTime" class="control-label">希望聯絡時間<br></label>
            <div class="col-xs-12">
              <div class="clearfix relative">
                <div class="select-custom">
                  <select id="contactTime" name="contactTime" class="form-control ng-pristine ng-untouched ng-valid ng-empty" ng-model="vm.firstpage.cCommunicateTime" aria-describedby="error_contactTime_by hint_contactTime_by"
                    ng-change="apply.startApplyTrack();" aria-invalid="false">
                    <option value="" checked="checked" selected="selected">請選擇 (非必填)</option>
                    <!-- ngRepeat: time in contactTime -->
                    <option value="1" ng-repeat="time in contactTime" class="ng-binding ng-scope">10:00-13:00</option><!-- end ngRepeat: time in contactTime -->
                    <option value="2" ng-repeat="time in contactTime" class="ng-binding ng-scope">13:00-17:00</option><!-- end ngRepeat: time in contactTime -->
                  </select>
                </div>
              </div>
              <label id="error_contactTime_by" for="contactTime" class="error-text ng-binding ng-hide" ng-show="form.contactTime.$error.required &amp;&amp; form.contactTime.$touched" role="alert" aria-hidden="true">此欄位必填</label>
              <label for="contactTime" id="hint_contactTime_by"><small>服務時間為周一至周五上班時間,國定假日除外</small></label>
            </div>
          </div>
          <div class="form-group col-lg-4 col-xs-12" ng-class="{'has-error':form.cPromoterEmployee.$error.pattern &amp;&amp; form.cPromoterEmployee.$touched}" ng-hide="vm.mgminfo.rIdNumberHidden || vm.firstpage.noneSalesCode === '1'"
            aria-hidden="false">
            <label for="cPromoterEmployee" class="control-label col-xs-12">滙豐服務人員編號</label>
            <div class="col-xs-12">
              <input type="tel" class="form-control ng-pristine ng-untouched ng-valid ng-isolate-scope ng-empty ng-valid-pattern ng-valid-maxlength" id="cPromoterEmployee" name="cPromoterEmployee" placeholder="非必填"
                ng-model="vm.firstpage.cPromoterEmployee" maxlength="8" ng-pattern="/^\d{0,8}$/" inputmode="numeric" format-number="" data="vm.firstpage.cPromoterEmployee" aria-invalid="false">
              <label id="error_educationLevel_by" for="educationLevel" class="error-text ng-binding ng-hide" ng-show="form.cPromoterEmployee.$error.pattern &amp;&amp; form.cPromoterEmployee.$touched" role="alert" aria-hidden="true">只能輸數字,如:
                12345678</label>
            </div>
          </div>
        </div>
      </div>
      <div class="row m-t-10 m-b-10">
        <p><small>*正卡申請人限本國人年齡需介於20至65歲。如果您為持有居留證的外國人或您持有台灣以外之地址,請<button type="button" class="btn-empty underline" aria-label="下載信用卡申請書,Download Application Form" ng-click="$root.modalDownloadApplyForm();">點此</button>下載中/英文申請書並依提示寄回完成申請。<br>
            *無限卡/御璽卡/匯鑽卡申請人需提供年薪新臺幣30萬元以上薪資所得證明。輕旅卡/白金卡申請人需提供年薪新臺幣25萬元以上薪資所得證明。卓越理財卡限本行卓越理財專戶貴賓申請,且本行往來餘額需大於50萬元;運籌理財現金回饋信用卡限本行運籌理財專戶貴賓申請,且本行往來餘額需大於50萬元或提供年薪25萬以上薪資所得證明。</small></p>
        <p><small>為了提供您後續的服務,於您按下「立即辦卡」時,您於上方所填寫的資料將會送至滙豐(台灣)商業銀行(以下簡稱本行或滙豐銀行),由本行專員撥打電話與您聯絡。</small></p>
        <p><small>本行將依「滙豐(台灣)商業銀行隱私政策原則」及「個人資料保護法」保護您個人資料安全,並於法令許可範圍內,在國內外蒐集、處理及利用個人資料。</small></p>
        <p>
          <small>若您同意前述說明且已詳閱<strong><a aria-label="蒐集、處理及利用個人資料告知事項" style="font-size: inherit;" href="https://cdn.hsbc.com.tw/content/dam/hsbc/tw/docs/announcement/privacy-policy.pdf" target="_blank" ng-click="$root.taggingClick('Processing_and_Using_Personal_Data_click');">「<span class="underline">蒐集、處理及利用個人資料告知事項</span>」</a></strong>請按「立即辦卡」。</small>
        </p>
      </div>
    </div>
    <div class="panel-footer">
      <div class="row">
        <div class="form-group v-code" ng-class="{'has-error':form.vCode.$error.required &amp;&amp; form.vCode.$touched}" role="group" aria-labelledby="vCode_by">
          <!-- ngIf: turnOnVCode -->
          <!-- ngIf: turnOnVCode -->
          <!-- ngIf: turnOnVCode -->
          <div class="col-lg-2 m-b-30 col-lg-offset-10" ng-class="{'col-lg-offset-5':turnOnVCode,'col-lg-offset-10':!turnOnVCode}">
            <a class="btn btn-primary pull-right btn-block" role="button" title="立即辦卡" aria-label="立即辦卡" type="submit" tabindex="0" ng-click="$root.taggingClick('next_click');next();" ng-wcag-click="$root.taggingClick('next_click');next();" ng-disabled="$root.disableSendJson" aria-disabled="false">立即辦卡</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

Text Content

   
 * 滙豐
   匯鑽卡
   
 * 滙豐
   現金回饋御璽卡
   
 * 滙豐
   旅人卡
      
    * 旅人無限卡
      
    * 旅人御璽卡
      
    * 旅人輕旅卡
      

   
 * 滙豐
   卓越理財信用卡
   
 * 滙豐運籌理財
   現金回饋信用卡
   
 * 加碼活動
   

讀取中

立即辦卡 新戶首刷禮/優惠活動 了解更多

讀取中

立即辦卡 新戶首刷禮/優惠活動 了解更多

讀取中

立即辦卡 新戶首刷禮/優惠活動 了解更多

讀取中

立即辦卡 新戶首刷禮/優惠活動 了解更多

讀取中

立即辦卡 新戶首刷禮/優惠活動 了解更多

讀取中

立即辦卡 了解更多

讀取中

立即辦卡 了解更多

讀取中

了解更多 了解更多
 * 1
 * 2
 * 3
 * 4
 * 5
 * 6
 * 7
 * 8

線上申請進度查詢/繼續前次申請/補上傳文件


立即線上申辦

    

 1. 1.聯絡資訊

    

 2. 2.上傳身分證、填寫申請資料

    

 3. 3.身分認證

    

 4. 完成申請

    

    

 1. 1.聯絡資訊

    

 2. 2.上傳身分證、填寫申請資料

    

 3. 3.身分認證

    

 4. 完成申請

    

推薦人資料

身分證字號 無法變更

姓名 無法變更
申請卡別 *
請選擇 滙豐匯鑽卡滙豐現金回饋御璽卡滙豐旅人無限卡滙豐旅人御璽卡滙豐旅人輕旅卡滙豐卓越理財信用卡滙豐運籌理財現金回饋信用卡
申請滙豐卓越理財信用卡,需持有本行卓越理財帳戶 申請滙豐運籌理財現金回饋信用卡,需持有本行運籌理財帳戶 需提供年薪30萬以上薪資所得證明
首刷禮 *
請選擇
此欄位必填
現金回饋方式 *
帳戶累積自動折抵
此欄位必填 累積至信用卡帳戶並依正卡持卡人之申請兌換
中文姓名 *
此欄位必填 請輸入10個字以內的中文
行動電話 *
此欄位必填,請輸入格式正確的行動電話, 如: 0912345678
Email *
此欄位必填,請輸入格式正確的 email 請確實填寫您的電子郵件信箱,稍後我們會將您的完整申請資料寄送至此
身分證字號 *
請輸入正確的身分證字號, 如: A123456789
希望聯絡時間

請選擇 (非必填) 10:00-13:0013:00-17:00
此欄位必填 服務時間為周一至周五上班時間,國定假日除外
滙豐服務人員編號
只能輸數字,如: 12345678

*正卡申請人限本國人年齡需介於20至65歲。如果您為持有居留證的外國人或您持有台灣以外之地址,請點此下載中/英文申請書並依提示寄回完成申請。
*無限卡/御璽卡/匯鑽卡申請人需提供年薪新臺幣30萬元以上薪資所得證明。輕旅卡/白金卡申請人需提供年薪新臺幣25萬元以上薪資所得證明。卓越理財卡限本行卓越理財專戶貴賓申請,且本行往來餘額需大於50萬元;運籌理財現金回饋信用卡限本行運籌理財專戶貴賓申請,且本行往來餘額需大於50萬元或提供年薪25萬以上薪資所得證明。

為了提供您後續的服務,於您按下「立即辦卡」時,您於上方所填寫的資料將會送至滙豐(台灣)商業銀行(以下簡稱本行或滙豐銀行),由本行專員撥打電話與您聯絡。

本行將依「滙豐(台灣)商業銀行隱私政策原則」及「個人資料保護法」保護您個人資料安全,並於法令許可範圍內,在國內外蒐集、處理及利用個人資料。

若您同意前述說明且已詳閱「蒐集、處理及利用個人資料告知事項」請按「立即辦卡」。

立即辦卡




謹慎理財信用至上

滙豐信用卡循環信用利率:5.68%~15.00%,循環利率基準日104年9月1日。每筆預借現金手續費為新臺幣100元+預借現金金額x3.5%;其他費用請洽本行網站查詢。

謹慎理財
信用至上滙豐信用卡循環信用利率:5.68%~15.00%,循環利率基準日104年9月1日。每筆預借現金手續費為新臺幣100元+預借現金金額X3.5%;其他費用請洽本行網站查詢。

隱私權與安全性 網路安全 申請書下載聯絡我們 (02) 6616-6000
© 版權所有‧不得轉載。滙豐(台灣)商業銀行股份有限公司2022

申請人對本服務有所疑義時,除書面外,亦得透過下列方式向本行提出申訴或反映意見:
服務專線:02-66166000
申訴專線:0800-050-018
電子信箱:customervoicetwm@hsbc.com.tw

讀取中