javascript - 无法为 HTML、JS 代码运行 jsfiddle

Question

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

这是我的 jsfiddle同样。

出于测试目的，我尝试只给出一条警告消息

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

但是当我运行 fiddle 时它给出了以下错误。

  {"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 Pane 中使用这些选项

其次，因为有一个 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>

DEMO