var s=document.createElement('script');
s.setAttribute('src','http://code.jquery.com/jquery.js');
document.getElementsByTagName('body')[0].appendChild(s);
window.setTimeout(function(){
$(function(){
var t = " $(function(){\r\n";
var formId = $('form[id]').attr('id');
t += " $('#"+formId+"').submit(function(){\r\n";
$('form[id]').find(':text[id],select[id]').each(function(){
var inputId = $(this).attr('id');
t += " if ($('#"+inputId+"').val()==''){\r\n";
t += " alert('Invalid "+inputId+"');\r\n";
t += " return false;\r\n";
t += " }\r\n";
});
t += "return true;\r\n";
t += "});\r\n";
t += "});\r\n";
console.log('\r\n'+t+'\r\n');
});
},3000);
สำหรับ Chrome กดปุ่ม F12 แล้วใส่ไปใน tab console ได้เลยครับ
แต่มีเงื่อนไขคือต้องเป็น form ที่มี id และ input ที่จะตรวจสอบจะต้องมี id
เช่น
<form id="form1">
<input type="text" id="text1">
<input type="text" id="text2">
<input type="text" id="text3">
<input type="submit" value="send">
</form>
จะได้ผลลัพธ์เป็น
$(function(){
$('#form1').submit(function(){
if ($('#text1').val()==''){
alert('Invalid text1');
return false;
}
if ($('#text2').val()==''){
alert('Invalid text2');
return false;
}
if ($('#text3').val()==''){
alert('Invalid text3');
return false;
}
return true;
});
});
ไว้สำหรับเป็นโค้ดสำหรับตรวจสอบทาง javascript ต่อไปครับ
ไม่มีความคิดเห็น:
แสดงความคิดเห็น