无法运行 jsfiddle 的 HTML，JS 代码

Question

我正在尝试使用HTML，CSS和javascript验证一个简单的登录表单。

这是我的jsfiddle。

出于测试目的，我试图只发出警报消息

function validate() {
  alert('testAlert');
}

但是当我运行小提琴时，它会给出以下错误。

  {"error": "Shell form does not validate{'html_initial_name': u'initial-
js_lib', 'form': <mooshell.forms.ShellForm object at 0x7fb78ca3ba50>, 
'html_name': 'js_lib', 'html_initial_id': u'initial-id_js_lib', 'label': 
u'Js lib', 'field': <django.forms.models.ModelChoiceField object at 
0x7fb78c93f0d0>, 'help_text': '', 'name': 'js_lib'}{'html_initial_name': 
u'initial-js_wrap', 'form': <mooshell.forms.ShellForm object at 
0x7fb78ca3ba50>, 'html_name': 'js_wrap', 'html_initial_id': u'initial-
id_js_wrap', 'label': u'Js wrap', 'field': 
<django.forms.fields.TypedChoiceField object at 0x7fb7874c7050>, 
'help_text': '', 'name': 'js_wrap'}"}

我的代码有什么问题。有什么帮助吗？

提前谢谢。

Answer 1

需要实施两个更改。

首先将 javascript 从 onLoad 更改为 body 。这些选项在单击JAVASCRIPT时在 javascript 窗格中可用

其次，由于有一个submit按钮，您需要防止默认行为。使用 ajax 提交表单

function validate(e) { //changed here
  e.preventDefault(); // changed here
  alert('testAlert');
}

<form method="POST" onsubmit="return validate(event);"> // changed here
  // rest of the code 
</form>

演示