按下提交按钮时没有任何反应
问题描述:
我不知道我做了什么错误,这完全适用于索引页,当然另一个代码是小的,但表单在那里提交。按下提交按钮时没有任何反应
在这里,我试图做一个窗体的模态,窗体将用于创建一个新的文章,但提交按钮不工作,没有任何事情发生时,它被按下。我真的不知道它有什么问题。
代码:
<div class="modal fade" id="createArticle" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Create a new article</h4>
<small style="color:orange">Please add only important articles to the quick links</small>
</div>
<div class="modal-body">
<form onsubmit="return validate();" action="" method="post">
<div class="form-group">
<label for="createArticleTitle">Title:</label>
<input type="input" class="form-control" id="createArticleTitle" name="createArticleTitle" maxlength="250" placeholder="Insert Article Title...">
</div>
<!-- /.box -->
<div class="box">
<div class="box-header">
<h3 class="box-title">Article Message:<br>
<small><u>Text Formatting</u><br><br>
Use <code>[center] Your text here [/center]</code> to center your message.<br>
Use <code>[b] Your text here [/b]</code> to make your message <strong>bold</strong>.<br>
Use <code>[i] Your text here [/i]</code> to to make your message <i>italic</i>.<br>
Use <code>[u] Your text here [/u]</code> to underline your message.<br>
Use <code>[img] img url here [/img]</code> to insert a image.<br>
Use <code>[rigt/left] Your text here [/right/left]</code> to align your message on the right or on the left.<br>
Use <code>[ul] Your text here [/ul]</code> for a unordered list, use <code>[*]</code> to add items.<br>
Example: <code>[ul][*] Apple[/ul]</code> - dotes<br>
Example: <code>[ol][*] Apple[/ol]</code> - numbers<br><br>
Use <code>[quote] Your text here [/quote]</code> to add a quote.<br>
Use <code>[url=link] Your url title here [/url]</code> to insert a url.<br>
Use <code>[code] Your code here [/code]</code> to insert code.</small>
</h3>
<!-- tools box -->
<div class="pull-right box-tools">
<button type="button" class="btn btn-default btn-sm" data-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fa fa-minus"></i></button>
</div>
<!-- /. tools -->
</div>
<!-- /.box-header -->
<div class="box-body pad">
<form>
<textarea class="textarea" placeholder="Insert the article here..." id="createArticleMes" name="createArticleMes" maxlength="10000" style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
</form>
</div>
<br>
<div class="custom-controls-stacked">
<label for="createArticleQuick">Do you want to show this article to the Quick Links in the footer?</label>
<br>
<label class="custom-control custom-radio">
<input id="createArticleQuick" name="createArticleQuick" type="radio" class="custom-control-input">
<span class="custom-control-indicator"></span>
<span class="custom-control-description">Yes</span>
</label>
</div>
</div>
<button type="submit" name="createArticleButton" class="btn btn-default">Create</button>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
下面是功能过于:
<script>
function validate(){
var n1 = document.getElementById("createArticleTitle");
var n2 = document.getElementById("createArticleMes");
if(n1.value != "" && n2.value != ""){
return true;
}
alert("You must add a title and a message atleast.");
return false;
}
</script>
答
而不是使用<form>
标签没有任何属性,尝试使用这样
<form action="welcome.php" method="post">
答
东西的问题是,我正在使用两次
<div class="box-body pad">
<form>
<textarea class="textarea" placeholder="Insert the article here..." id="createArticleMes" name="createArticleMes" maxlength="10000" style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
</form>
</div>
你应该发布validate()函数......也许你没有从另一页复制那段代码? – user5328504
@Xufor在控制台中没有错误 – Andrei
不要在你的问题中包含修复,而是发布一个答案。 – Xufox