add.pt
4.63 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<html metal:use-macro="load: ../base.pt">
<div metal:fill-slot="content" class="form-550">
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<h4>Registrasi e-PAP</h4>
<hr>
<form id="deform" method="POST" enctype="multipart/form-data" accept-charset="utf-8"
class="form-horizontal">
<fieldset class="deformFormFieldset">
<input type="hidden" name="_charset_" />
<input type="hidden" name="__formid__" value="deform"/>
<div tal:condition="'id' in form">
<div tal:define="field form['id']" style="display: none;">
{structure:field.serialize()}
</div>
</div>
<div class="col-md-13">
<!--npwpd ------------------------------->
<div class="form-group" tal:define="field form['npwpd']" id="item-${field.oid}" onkeyup="npwpd(this);">
<label for="${field.oid}" class="control-label col-md-3" id="req-${field.oid}">
${field.title}<span id="error-${field.oid}" class="text text-danger"
tal:condition="field.required"> *</span></label>
<div class="col-md-9">
${structure:field.serialize()}
<script>
$(document).ready(function () {
//Membatasi 16 Digit & Membatasi Huruf
$('#npwpd').keyup(function(){
var npwpd = this.value.length;
if(!/^[0-9]+$/.test(this.value)){
this.value=this.value.substring(0,npwpd - 1);
}
else if (npwpd >= 16){
this.value=this.value.substring(0,16);
}
});
});
</script>
<p id="error-${field.oid}" class="help-block" tal:condition="field.error"
tal:repeat="error field.error.messages()">
${error}</p>
</div>
</div>
<!--Bulan dan Tahun ------------------------------->
<div class="form-group">
<!--Bulan ------------------------------->
<label class="control-label col-md-3">
Periode <span class="text text-danger"> *</span></label>
<label for="m_pjk_bln1" class="control-label col-md-1" id="req-m_pjk_bln1">
Bulan </label>
<div class="col-md-3" tal:define="field form['m_pjk_bln']" id="item-${field.oid}">
${structure:field.serialize()}
<p id="error-${field.oid}" class="help-block" tal:condition="field.error"
tal:repeat="error field.error.messages()">
${error}</p>
</div>
<!--Tahun ------------------------------->
<label for="m_pjk_thn" class="control-label col-md-2" id="req-m_pjk_thn">
Tahun </label>
<div class="col-md-3" tal:define="field form['m_pjk_thn']" id="item-${field.oid}">
${structure:field.serialize()}
<script>
$(document).ready(function () {
//Membatasi 4 Digit & Membatasi Huruf
$('#m_pjk_thn').keyup(function(){
var m_pjk_thn = this.value.length;
if(!/^[0-9]+$/.test(this.value)){
this.value=this.value.substring(0,m_pjk_thn - 1);
}
else if (m_pjk_thn >= 4){
this.value=this.value.substring(0,4);
}
});
});
</script>
<p id="error-${field.oid}" class="help-block" tal:condition="field.error"
tal:repeat="error field.error.messages()">
${error}</p>
</div>
</div>
<!--g-recaptcha ------------------------------->
<div class="form-group">
<div class="col-md-offset-4">
<div class="g-recaptcha" data-sitekey="6LcGLQATAAAAABtqq0J20BATKsZPGXwBVj6i5zk_"></div>
</div>
</div>
<!--Button ------------------------------->
<div class="form-group">
<label class="control-label col-md-3">
</label>
<div class="col-md-9">
<button id="deformsave" name="simpan" type="submit" class="btn btn-primary "
value="simpan">Proses</button>
<button id="deformcancel" name="cancel" type="submit" class="btn btn-default "
value="cancel">Batal</button>
</div>
</div>
</div>
</fieldset>
</form>
</div>
</html>