oninvalid 事件

အသုံးပြုရာ

ဂျေဟစ် အချုပ်

ဂျေဟစ်

ဝီကီ

ဟန်းကျွန်း အချုပ်

ဝီကီ အပေါင်း

ဟန်းကျွန်း အပေါင်း

</a></li> <li><a href="/my/jsref/dom_obj_image.html" title="HTML DOM အင်္ဂါ အိန်ဖာ"><img></a></li> <li><a href="/my/jsref/dom_obj_ins.html" title="HTML DOM အင်္ဂါ အိန်ဖာ"><ins></a></li> <li><a href="/my/jsref/dom_obj_button.html" title="HTML DOM အမှုံ့အယူး ဘေ့တန်း"><input> button</a></li> <li><a href="/my/jsref/dom_obj_checkbox.html" title="HTML DOM အမှုံ့အယူး ချွတ်ချက်"><input> checkbox</a></li> <li><a href="/my/jsref/dom_obj_color.html" title="HTML DOM အမှုံ့အယူး အရောင်"><input> color</a></li> <li><a href="/my/jsref/dom_obj_date.html" title="HTML DOM အမှုံ့အယူး ရက်"><input> date</a></li> <li><a href="/my/jsref/dom_obj_datetime.html" title="HTML DOM အမှုံ့အယူး ရက်မှန် အချိန်"><input> datetime</a></li> <li><a href="/my/jsref/dom_obj_datetime-local.html" title="HTML DOM အမှုံ့အယူး ရက်မှန် အချိန် နှင့် ရှိပ်သန်း"><input> datetime-local</a></li> <li><a href="/my/jsref/dom_obj_email.html" title="HTML DOM အမှုံ့အယူး အိမ်ရှင်လိုင်း"><input> email</a></li> <li><a href="/my/jsref/dom_obj_fileupload.html" title="HTML DOM အမှုံ့အယူး ဖိုင်ပေါင်း"><input> file</a></li> <li><a href="/my/jsref/dom_obj_hidden.html" title="HTML DOM အမှုံ့အယူး လျှို့ဝှက်"><input> hidden</a></li> <li><a href="/my/jsref/dom_obj_input_image.html" title="HTML DOM အမှုံ့အယူး ပုံ"><input> image</a></li> <li><a href="/my/jsref/dom_obj_month.html" title="HTML DOM အမှုံ့အယူး လျှောက်"><input> month</a></li> <li><a href="/my/jsref/dom_obj_number.html" title="HTML DOM အမှုံ့အယူး နှုတ်"><input> number</a></li> <li><a href="/my/jsref/dom_obj_password.html" title="HTML DOM အမှုံ့အယူး ပုဂ္ဂိုလ်အမည်"><input> password</a></li> <li><a href="/my/jsref/dom_obj_radio.html" title="HTML DOM အမှုံ့အယူး ရိုက်နှိပ်"><input> radio</a></li> <li><a href="/my/jsref/dom_obj_range.html" title="HTML DOM အမှုံ့အယူး သတ်မှတ်"><input> range</a></li> <li><a href="/my/jsref/dom_obj_reset.html" title="HTML DOM အမှုံ့အယူး ပြန်လည်စတင်"><input> reset</a></li> <li><a href="/my/jsref/dom_obj_search.html" title="HTML DOM အမှုံ့အယူး ရှာဖွေ"><input> search</a></li> <li><a href="/my/jsref/dom_obj_submit.html" title="HTML DOM အမှုံ့အယူး တိုက်ရိုက်ပေး"><input> submit</a></li> <li><a href="/my/jsref/dom_obj_text.html" title="HTML DOM အမှုံ့အယူး စကား"><input> text</a></li> <li><a href="/my/jsref/dom_obj_input_time.html" title="HTML DOM အမှုံ့အယူး အချိန်"><input> time</a></li> <li><a href="/my/jsref/dom_obj_url.html" title="HTML DOM အမှုံ့အယူး ဝှမ်း"><input> url</a></li> <li><a href="/my/jsref/dom_obj_week.html" title="HTML DOM အမှုံ့အယူး ဆီး"><input> week</a></li> <li><a href="/my/jsref/dom_obj_kbd.html" title="HTML DOM အမှုံ့အယူး ကယ်ဒ်"><kbd></a></li> <li><a href="/my/jsref/dom_obj_label.html" title="HTML DOM အမှုံ့အယူး အင်္ဂါ"><label></a></li> <li><a href="/my/jsref/dom_obj_legend.html" title="HTML DOM အမှုံ့အယူး လူလို"><legend></a></li> <li><a href="/my/jsref/dom_obj_li.html" title="HTML DOM အမှုံ့အယူး အချိန်"><li></a></li> <li><a href="/my/jsref/dom_obj_link.html" title="HTML DOM အမှုံ့အယူး စာရင်း"><link></a></li> <li><a href="/my/jsref/dom_obj_map.html" title="HTML DOM အမှုံ့အယူး ပြော"><map></a></li> <li><a href="/my/jsref/dom_obj_mark.html" title="HTML DOM အမှုံ့အယူး အသိအမှတ်"><mark></a></li> <li><a href="/my/jsref/dom_obj_menu.html" title="HTML DOM အမှုံ့အယူး အသင်း"><menu></a></li> <li><a href="/my/jsref/dom_obj_menuitem.html" title="HTML DOM အမှုံ့အယူး အသင်း အမှုံ့အယူး"><menuitem></a></li> <li><a href="/my/jsref/dom_obj_meta.html" title="HTML DOM အမှုံ့အယူး အချက်"><meta></a></li> <li><a href="/my/jsref/dom_obj_meter.html" title="HTML DOM အမှုံ့အယူး အစိတ်"><meter></a></li> <li><a href="/my/jsref/dom_obj_nav.html" title="HTML DOM အမှုံ့အယူး လှုပ်ရှား"><nav></a></li> <li><a href="/my/jsref/dom_obj_object.html" title="HTML DOM အမှုံ့အယူး အပိုင်း"><object></a></li> <li><a href="/my/jsref/dom_obj_ol.html" title="HTML DOM အမှုံ့အယူး အစည်း"><ol></a></li> <li><a href="/my/jsref/dom_obj_optgroup.html" title="HTML DOM အမှုံ့အယူး အစည်း အမှုံ့အယူး"><optgroup></a></li> <li><a href="/my/jsref/dom_obj_option.html" title="HTML DOM အမှုံ့အယူး အစည်း"><option></a></li> <li><a href="/my/jsref/dom_obj_output.html" title="HTML DOM အမှုံ့အယူး အပိုင်း"><output></a></li> <li><a href="/my/jsref/dom_obj_paragraph.html" title="HTML DOM အမှုံ့အယူး အစီအစဉ်"><p></a></li> <li><a href="/my/jsref/dom_obj_param.html" title="HTML DOM အမှုံ့အယူး အပိုင်း"><param></a></li> <li><a href="/my/jsref/dom_obj_pre.html" title="HTML DOM အမှုံ့အယူး အစီအစဉ်"><pre></a></li> <li><a href="/my/jsref/dom_obj_progress.html" title="HTML DOM အမှုံ့အယူး အပိုင်း"><progress></a></li> <li><a href="/my/jsref/dom_obj_quote.html" title="HTML DOM အမှုံ့အယူး အစီအစဉ်"><q></a></li> <li><a href="/my/jsref/dom_obj_s.html" title="HTML DOM S အကို"><s></a></li> <li><a href="/my/jsref/dom_obj_samp.html" title="HTML DOM Samp အကို"><samp></a></li> <li><a href="/my/jsref/dom_obj_script.html" title="HTML DOM Script အကို"><script></a></li> <li><a href="/my/jsref/dom_obj_section.html" title="HTML DOM Section အကို"><section></a></li> <li><a href="/my/jsref/dom_obj_select.html" title="HTML DOM Select အကို"><select></a></li> <li><a href="/my/jsref/dom_obj_small.html" title="HTML DOM Small အကို"><small></a></li> <li><a href="/my/jsref/dom_obj_source.html" title="HTML DOM Source အကို"><source></a></li> <li><a href="/my/jsref/dom_obj_span.html" title="HTML DOM Span အကို"><span></a></li> <li><a href="/my/jsref/dom_obj_strong.html" title="HTML DOM Strong အကို"><strong></a></li> <li><a href="/my/jsref/dom_obj_sub.html" title="HTML DOM Subscript အကို"><sub></a></li> <li><a href="/my/jsref/dom_obj_summary.html" title="HTML DOM Summary အကို"><summary></a></li> <li><a href="/my/jsref/dom_obj_sup.html" title="HTML DOM Superscript အကို"><sup></a></li> <li><a href="/my/jsref/dom_obj_table.html" title="HTML DOM Table အကို"><table></a></li> <li><a href="/my/jsref/dom_obj_tbody.html" title="HTML DOM TBody အကို"><tbody></a></li> <li><a href="/my/jsref/dom_obj_tabledata.html" title="HTML DOM TableData အကို"><td></a></li> <li><a href="/my/jsref/dom_obj_tfoot.html" title="HTML DOM TFoot အကို"><tfoot></a></li> <li><a href="/my/jsref/dom_obj_tablehead.html" title="HTML DOM TableHeader အကို"><th></a></li> <li><a href="/my/jsref/dom_obj_thead.html" title="HTML DOM THead အကို"><thead></a></li> <li><a href="/my/jsref/dom_obj_tablerow.html" title="HTML DOM TableRow အကို"><tr></a></li> <li><a href="/my/jsref/dom_obj_textarea.html" title="HTML DOM Textarea အကို"><textarea></a></li> <li><a href="/my/jsref/dom_obj_time.html" title="HTML DOM Time အကို"><time></a></li> <li><a href="/my/jsref/dom_obj_title.html" title="HTML DOM Title အကို"><title></a></li> <li><a href="/my/jsref/dom_obj_track.html" title="HTML DOM Track အကို"><track></a></li> <li><a href="/my/jsref/dom_obj_u.html" title="HTML DOM Underline အကို"><u></a></li> <li><a href="/my/jsref/dom_obj_ul.html" title="HTML DOM Ul အကို"><ul></a></li> <li><a href="/my/jsref/dom_obj_var.html" title="HTML DOM Variable အကို"><var></a></li> <li><a href="/my/jsref/dom_obj_video.html" title="HTML DOM Video အကို"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/my/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration အကို">CSSStyleDeclaration</a></li> <li><a href="/my/jsref/jsref_type_conversion.html" title="JavaScript အမှုန်းပြောင်းလဲခြင်း">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/my/howto/index.html" title="CodeW3C.com ဘောင်းပွဲ">CodeW3C.com ဘောင်းပွဲ</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>oninvalid 事件</h1> <div class="btn-toref"> <a href="/my/jsref/dom_obj_event.html" title="HTML DOM အခမ်းအနား">DOM အခင်းအနေ</a> <a href="/my/jsref/obj_event.html" title="Event အကို">Event အကို</a> </div> <div> <h2>定义和用法</h2> <p>当可提交的 <input> 元素无效时，会发生 oninvalid 事件。</p> <p>例如，如果设置了 required 属性，并且字段为空，则输入字段无效（required 属性指定输入字段必须在提交表单之前填写）。</p> </div> <div> <h2>Instance</h2> <h3>Example 1</h3> <p>If the input field is invalid, prompt some text:</p> <pre class="language-html"> <input type="text" oninvalid="alert('You must fill out the form!');" required> </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=event_oninvalid_1">ကိုယ်တိုင် ကြိုးစားကြည့်ပါ</a></p> <p>More TIY examples are at the bottom of the page.</p> </div> <div> <h2>Syntax</h2> <p>In HTML:</p> <pre class="language-html"> <<i>element</i> oninvalid="<i>myScript</i>"> </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=event_oninvalid_1">ကိုယ်တိုင် ကြိုးစားကြည့်ပါ</a></p> <p>In JavaScript:</p> <pre class="language-js"> <i>object</i>.oninvalid = function(){<i>myScript</i>}; </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=event_oninvalid_dom">ကိုယ်တိုင် ကြိုးစားကြည့်ပါ</a></p> <p>In JavaScript, use the addEventListener() method:</p> <pre class="language-js"> <i>object</i>.addEventListener("invalid", <i>myScript</i>); </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=event_oninvalid_addeventlistener">ကိုယ်တိုင် ကြိုးစားကြည့်ပါ</a></p> <p class="note"><span>Note:</span>Internet Explorer 8 or earlier versions do not support <a href="/my/jsref/met_element_addeventlistener.html" title="HTML DOM addEventListener() စက်မှု">addEventListener() method</a>.</p> </div> <div> <h2>Technical details</h2> <table class="definition-usage"> <tr> <th>Bubble:</th> <td>Not supported</td> </tr> <tr> <th>Cancelable:</th> <td>Support</td> </tr> <tr> <th>Event type:</th> <td><a href="/my/jsref/obj_event.html" title="Event အကို">Event</a></td> </tr> <tr> <th>Supported HTML tags:</th> <td><input></td> </tr> <tr> <th style="width: 25%;">DOM version:</th> <td>Level 3 Events</td> </tr> </table> </div> <div> <h2>Browser support</h2> <p>The numbers in the table indicate the first browser version that fully supports the event.</p> <table class="browser-support"> <tr> <th class="bsTh">Event</th> <th class="bsChrome">Chrome</th> <th class="bsIE">IE</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>oninvalid</td> <td>Support</td> <td>10.0</td> <td>Support</td> <td>Support</td> <td>Support</td> </tr> </table> </div> <div> <h2>More examples</h2> <h3>Example 2</h3> <p>If the input field contains fewer than 6 characters, prompt some text:</p> <pre class="language-html"> Name: <input type="text" id="myInput" name="fname" pattern=".{6,}" required> <script> document.getElementById("myInput").addEventListener("invalid", myFunction); function myFunction() { alert("Must contain 6 or more characters"); } </script> </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=event_oninvalid_2">ကိုယ်တိုင် ကြိုးစားကြည့်ပါ</a></p> <h3>Example 3</h3> <p>If the input field contains a number less than 2 or greater than 5, prompt some text:</p> <pre class="language-html"> Number: <input type="number" id="myInput" name="quantity" min="2" max="5" required> <script> document.getElementById("myInput").addEventListener("invalid", myFunction); function myFunction() { alert("You must pick a number between 2 and 5. You chose: " + this.value); } </script> </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=event_oninvalid_3">ကိုယ်တိုင် ကြိုးစားကြည့်ပါ</a></p> </div> <div> <h2>ပတ်သတ်သည် စာမျက်နှာ</h2> <p><a href="/my/js/js_validation.html" title="JavaScript ပုံစံ">JavaScript ညွှန်းပြန်: JavaScript ပုံစံ</a></p> </div> <div class="btn-toref"> <a href="/my/jsref/dom_obj_event.html" title="HTML DOM အခမ်းအနား">DOM အခင်းအနေ</a> <a href="/my/jsref/obj_event.html" title="Event အကို">Event အကို</a> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> အက်ဒေါက်လုပ်ငန်း </center><h3> <h5 id="tools_reference"><a href="/my/jsref/index.html">JavaScript နှင့် HTML DOM ညွှန်းပြ စာရင်း</a></h5> <h5 id="tools_example"><a href="/my/js/js_examples.html">JavaScript အမှုထမ်း</a></h5> <h5 id="tools_quiz"><a href="/my/js/js_quiz.html">JavaScript စမ်းသပ်</a></h5> <h5 id="tools_tutorial"><a href="/my/js/index.html">JavaScript ညွှန်းပြန်</a></h5> </div> <div><h3><center> ပံ့ပိုးကြီး ခေါ်ချက် </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com ဖြင့် ပြည့်မျှသော အသုံးပြုခြင်း သည် သုံးစွဲသူမှာ မတူညီသေးသည်။ ဒီ ဝင်ပြီး ရောက်ရှိသော အကျိုးဆက်များ သည် ဒီ ဝင်ပြီး ရှိသေးသည်။ ပြည့်မျှသော အခွင့်အရေး သည် ဒီ ဝင်ပြီး မတူညီသေးသည်။ အခွင့်အရေး အားဖြင့် ပိုင်ဆိုင်မှု အားဖြင့် မည်သည့် ခွင့်များ လုံးလုံး ကို သိမ်းဆည်းထားပါ။ </p> <p id="p2"> <a href="/my/about/index.html" title="နှင့်ပတ်သတ်သည် CodeW3C.com">နှင့်ပတ်သတ်သည် CodeW3C.com</a> <a href="/my/about/about_helping.html" title="ကူညီပေးရာ CodeW3C.com">ကူညီပေးရာ CodeW3C.com</a> <a href="/my/about/about_use.html" title="အသုံးပြုခြင်း နှင့်ပတ်သတ်သည်">အသုံးပြုခြင်း အခြေခံစည်း</a> <a href="/my/about/about_privacy.html" title="လျှို့ဝှက် နှင့်ပတ်သတ်သည်">လျှို့ဝှက် အခြေခံစည်း</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="ပြင်ဆင်သည့် Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>