如何对文本编辑器进行Javascript验证？ [英] How Can I Do Javascript Validation Of A Text Editor?

问题描述

我已经编辑了javascript验证编辑器（我正在使用ckeditor）。它运行不正常。当我要提交表单时，警报框即将出现，因为编辑器是空的但是当我我正在添加一些内容并进行验证，仍然是警报框即将到来。之后一切都很顺利。但我希望警报框会出现一次，当编辑器字段为空时。请建议我。下面是我的编码谢谢。

I have made the coding of javascript validation for editor(i am using ckeditor).It is not working properly.i.e when i am going to submit the form at first the alert box is coming as the editor is empty but when i am adding some content and going to validate it ,still the alert box is coming.After it everything goes fine.But i want that the alert box will come once ,when the editor field is empty.So please suggest me.Below is my coding.Thank you.

<!---------------- java script validation starts here--------------------------->
<script type="text/JavaScript">


function validate()
{ 
	var partnername = document.getElementById("partnername").value;
		var descrip = document.getElementById("description").value;
	var img = document.getElementById("image").value;
		if(partnername == "")
	{
		alert("Please Enter partner name");
		document.getElementById("partnername").focus();
		document.getElementById("partnername").style.borderColor="#fd00d6";
		return false;
	}

	
		if(descrip  == "")
	{
		alert("Please Enter partner description");
		document.getElementById("description").focus();
		document.getElementById("description").style.borderColor="#fd00d6";
		return false;
	}
	
	
	
		if(img == "")
	{
		alert("Please Enter partner image");
		document.getElementById("image").focus();
		document.getElementById("image").style.borderColor="#fd00d6";
		return false;
	}
	
	
	
}
</script>
<script src="ckeditor/ckeditor.js"></script>

<aside class="right-side">
  <section class="removed-header">
    <h1> Manage Partners </h1>
    <ul class="breadcrumb" style="margin-removed10px;">
      <li><a href="index.php"><i class="fa fa-dashboard"></i> Home</a></li>
      <li><a href="manage-partners.php">Partner</a></li>
      <a class="btn btn-primary" href="manage-partners.php?post=add">Add Partners</a>
    </ul>
  </section>
  
  <div class="alert alert-success alert-dismissable" style="width:97%;"> <i class="fa fa-check"></i> <b></b> </div>
  <?php }else if($error!= '') { ???>
  <div class="alert alert-danger alert-dismissable" style="width:97%;"> <i class="fa fa-ban"></i> <b></b> &nbsp;&nbsp; </div>
  <?php } ???>
  <div class="col-md-6">
    <?php if($_REQUEST['post'])<br mode="hold" /??>                     {
                     ?>
    <div class="box box-primary">
      <div class="box-header">
        <h3 class="box-title">Add Partner</h3>
      </div>
      <form role="form" action="" method="post" enctype="multipart/form-data" >
        <div class="box-body">
          <div class="form-group">
            <label for="exampleInputEmail1">Partner Name</label>
            <input type="text" class="password" id="partnername" placeholder="Enter Partner Name" name="partnername" value="<?php echo $_REQUEST['partnername'];???>"  >
          </div>
          <div class="form-group">
            <label for="exampleInputEmail1">Partner Description</label>
            <textarea id="description" name="description"   rows="10" cols="80" class="ckeditor" ><?php echo $_REQUEST['description'];???> </textarea>
          </div>
          <div class="form-group">
            <label for="exampleInputFile">Partner Image</label>
            <input type="file" id="image" name="image" value="<?php echo $_REQUEST['image'];???>">
            <p class="text-red">(please insert 100*100 size and gif,jpg,jpeg,png format only)</p>
          </div>
        </div>
        <div class="box-footer">
          <button type="submit" class="btn btn-primary" name="add_partner">Submit</button>
        </div>
      </form>
    </div>
    <?php } ???>
  </div>
  
   
</aside>

推荐答案

error！= ' '）{?? ？>
< div class = alert alert-danger alert-dismissable style = width：97％; > ; < i class = fa fa-ban > < / i > < b > < / b > & nbsp;& nbsp; < / div >
<？ php} ?? ？>
< div class = col-md-6 >
<？ php if（

error!= '') { ???> <div class="alert alert-danger alert-dismissable" style="width:97%;"> <i class="fa fa-ban"></i> <b></b> &nbsp;&nbsp; </div> <?php } ???> <div class="col-md-6"> <?php if(

_REQUEST [' post']）< br mode = hold / ?? <跨度lass =code-keyword>> {
？>
< div < span class =code-attribute> class = box box-primary < span class =code-keyword>>
< div class = box-header >
< < span class =code-leadattribute> h3 class = box-title > 添加合作伙伴< / h3 >
< / div >
< 表格 角色 = 表单 action = 方法 = 发布 enctype = multipart / form-data >
< div class = box-body >
< div class = form-group >
< label for = exampleInputEmail1 > 合作伙伴名称< / label >
< 输入 type = text class = password id = partnername 占位符 = 输入合作伙伴名称 名称 = partnername 值 = <？php echo

_REQUEST['post'])<br mode="hold" /??> { ?> <div class="box box-primary"> <div class="box-header"> <h3 class="box-title">Add Partner</h3> </div> <form role="form" action="" method="post" enctype="multipart/form-data" > <div class="box-body"> <div class="form-group"> <label for="exampleInputEmail1">Partner Name</label> <input type="text" class="password" id="partnername" placeholder="Enter Partner Name" name="partnername" value="<?php echo

_REQUEST ['partnername']; ???> >
< / div >
< div class = form-group >
< label for = exampleInputEmail1 > 合作伙伴说明< / label >
< textarea id = description 名称 = description 行 = 10 cols = 80 class=\"ckedi tor\" ><?php echo

_REQUEST['partnername'];???>" > </div> <div class="form-group"> <label for="exampleInputEmail1">Partner Description</label> <textarea id="description" name="description" rows="10" cols="80" class="ckeditor" ><?php echo

这篇关于如何对文本编辑器进行Javascript验证？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！