|
|
|
เมื่อปิด Input บาง Input แล้วไม่สามารถตรวจสอบค่าว่างด้วย Javascript ได้ครับ |
|
|
|
|
|
|
|
แนะนำให้เขียนเป็น ajax&jquery ครับ event conditon จะสั้นกว่า
example
Code (PHP)
<form id="frm">
<input type="tel" id="tel"> // ลองเพิ่มหรือลบตัวนี้ดู
<button id="btn">submit</button>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#frm').on('click','#btn',function(e){
e.preventDefault();
if (($("#tel").length > 0)){ // ส่วนนี้ถ้าเป็น php จะคล้ายๆ isset
alert('yes');
}
});
});
</script>
|
ประวัติการแก้ไข 2020-01-20 20:23:53
|
|
|
|
Date :
2020-01-20 20:16:32 |
By :
Genesis™ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ถ้าอยากให้โปรแกรมกระชับ เขียนสั้นๆ ก็ทำงานได้ ใช้ได้กับทุก platform ก็ใช้ jquery
ถ้าอยาก optimize ความเร็ว และ ขนาดของการใช้ bandwidth ก็ใช้ pure javascript
บน pc คงไม่มีปัญหาเรื่อง bandwidth เพราะใช้ router
แต่บนมือถือที่คนใช้สัญญาณโทรศัพท์ คงต้องเขียนให้เหมาะสมซักหน่อย
ถ้าเวปที่ใช้แล้วเปลือง พอเข้าใช้แล้ว byte คงเหลือ ลดฮวบๆ ก็ต้องคิดหนัก 55555
|
|
|
|
|
Date :
2020-01-21 09:10:26 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ถ้าจะให้เสนอ jquery validate ก็ใช้ได้ดีระดับนึงอยู่นะ
อยากได้แบบไหนก็ set เอานิดนึง นอกนั้นในมันตรวจสอบให้เอง
$( "#form_assess" ).validate( {
rules: {
email: {
required: true,
email: true
},
'g_name[]': "required",
'g_satisfy[]': "required",
captcha : {
required: true,
minlength: 4
}
},
messages: {
email: "กรณุกรอก Email ของท่าน",
'g_name[]': "กรุณาเลือกกลุ่มผู้ประเมิน",
'g_satisfy[]': "กรุณาเลือกระดับคะแนน",
captcha : "กรุณากรอก code 4 หลักตามรูปด้านบน"
},
errorElement: "em",
errorPlacement: function ( error, element ) {
error.addClass( "help-block" );
if ( element.prop( "name" ) === "g_name[]" ) {
error.insertAfter($("#label1"));
}else if ( element.prop( "name" ) === "g_satisfy[]" ) {
error.insertAfter($("#label2"));
} else {
error.insertAfter( element );
}
},
highlight: function ( element, errorClass, validClass ) {
$( element ).parents( ".col-sm-5" ).addClass( "has-error" ).removeClass( "has-success" );
$( element ).parents( ".col-sm-8" ).addClass( "has-error" ).removeClass( "has-success" );
},
unhighlight: function (element, errorClass, validClass) {
$( element ).parents( ".col-sm-5" ).addClass( "has-success" ).removeClass( "has-error" );
$( element ).parents( ".col-sm-8" ).addClass( "has-success" ).removeClass( "has-error" );
}
} );
|
|
|
|
|
Date :
2020-01-21 10:21:45 |
By :
apisitp |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
JS isset ผมก็ส่งลิ้งค์ให้ดูแล้ว ถ้าเปิดดูก็ต้องทำได้แล้วเพราะมีโค้ดตัวอย่างเต็มไปหมดหลายวิธีที่คนเขาเขียน
https://stackoverflow.com/questions/2281633/javascript-isset-equivalent
มันมีมากกว่า 3 วิธี รองรับทั้งเวอร์ชั่นเก่าและใหม่ หามาให้แล้วยังขออีกเหรอครับ? ลองแกะโค้ดเขามาเล่นดูซะก่อน หรือไม่ก็ลองกดเข้าไปอ่านดูซะก่อน นี่ยังไม่ได้ดูเลยล่ะมั้ง?
การเรียกใช้ก็แล้วแต่ว่าตัวโค้ด isset จะใช้ของตย.ไหน แต่ส่วนมากก็ return true/false เหมือนๆกัน ก็ใช้แบบ php ไปเลย
ตัวอย่าง ย้ำ ตัวอย่าง อย่าสักแต่ลอกไปใช้เพราะมันไม่มี function isset() นอกจากไปลอกจากลิ้งค์ที่ให้ไปแล้ว.
Code (JavaScript)
if (isset(object.property) && object.property !== '') {
//
}
|
ประวัติการแก้ไข 2020-01-21 14:16:57 2020-01-21 14:19:02 2020-01-21 14:19:19 2020-01-21 14:19:38
|
|
|
|
Date :
2020-01-21 14:14:20 |
By :
mr.v |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 05
|