Shell表单不验证JSFiddle

时间:2013-09-23 05:32:27

标签: javascript forms

当我运行这个JSFiddle时遇到这个冗长的错误:http://jsfiddle.net/YqENs/

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

这是代码(w / html):

<!DOCTYPE html>
<html>
<head>
<script>
function greeting()
{
document.getElementById("p1").innerHTML=document.forms["frm1"]["fname"].value;
}
</script>
</head>

<body>

What is your name?<br>
<form name="frm1" onsubmit="greeting()" method="post">
<input type="text" name="fname">
<input type="submit" value="Submit">
</form>

<p id="p1"></p>

</body>
</html>

2 个答案:

答案 0 :(得分:10)

我想问题是来自提交,我认为你实际上并不想在那里加载新页面,所以请尝试:onsubmit="greeting(); return false;"来调用你的函数但是停止表单提交事件。

否则提交操作将尝试重新加载页面 - jsFiddle不太喜欢。

答案 1 :(得分:3)

我有类似的问题,接受的答案没有用。原因是我的onsubmit函数没有编译,因为它有一个错误。无论出于何种原因,错误都会丢失,并且它会提供有关验证的消息,这完全是误导性的。

更新:坦率地说,我发现放弃jsfiddle并使用平面html文件来解决表单提交问题的底部要容易得多。