无法运行 jsfiddle for HTML,JS 代码

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'}"}

我的 code.Any 帮助中有什么问题？

提前致谢。

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>

DEMO

无法运行 jsfiddle for HTML,JS 代码

Unable to run jsfiddle for HTML,JS code

html

javascript

css

jsfiddle

无法 运行 jsfiddle for HTML,JS 代码

Unable to run jsfiddle for HTML,JS code

html

javascript

css

jsfiddle

无法运行 jsfiddle for HTML,JS 代码