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>

DEMO

无法为HTML，JS代码运行jsfiddle

1 个答案: