Javascript onSubmit基本表单验证

时间:2016-06-14 17:53:09

标签: javascript

您好我很好奇为什么如果验证函数包含在内部,onsubmit函数将不响应:(function(){})();

'Part Number' 'Person Working'
'A'           'James'
'B'           'Brian'
'A'           'Andrea'
'C'           'Tiffany'

https://jsfiddle.net/aqqn5u5v/

请尝试在本地测试并复制代码

1 个答案:

答案 0 :(得分:0)

内联事件侦听器期望处理函数位于global-scope下,但在脚本中,处理程序位于IIFE的本地范围内

(function(){})(); IIFE ),在创建后立即执行。 [Ref]



function promptChar() {
  var field = document.getElementById('input-text').value;
  if (field == "a") {
    alert('hey');
    return false
  }
}

<form id="testform" name="entform" onsubmit="return promptChar()" method="post">
  <input id="input-text" name="entchar" type="text" placeholder="Enter Text" />
  <input type="submit" value="Send" />
</form>
&#13;
&#13;
&#13;

Updated Fiddle