<script src="~/kindeditor-4.1.7/lang/zh_CN.js"></script>
<script type="text/javascript">
var editor;
KindEditor.ready(function (K) {
editor = K.create('textarea[name="content"]', {
resizeType: 1,
allowPreviewEmoticons: false,
allowImageUpload: false,
items: [
'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
'insertunorderedlist', '|', 'emoticons', 'image', 'link']
});
});
</script>
<script type="text/javascript">
$(function () {
$("input:radio[name='rblPlatform']").change(function () {
if ($(this).val() == 3) {
$("#OrderLabel").hidden();
$("#OrderRemark").hidden();
}
else {
$("#OrderLabel").show();
$("#OrderRemark").show();
}
});
});
function Validation()
{
var taskName = $("#txtTaskName");
var itemUrl = $("#txtItemUrl");
var amount = $("#txtAmount");
var taskNum = $("#txtTaskNum");
var commission = $("#txtChargeFee")
var taskRemark =escape(editor.html());
if ($(taskName).val().length == 0) { alert("请输入任务名称"); $(taskName).focus(); return false; }
else if ($(itemUrl).val().length == 0) { alert("请输入宝贝地址"); $(itemUrl).focus(); return false; }
else if ($(amount).val().length == 0) { alert("请输入任务金额"); $(amount).focus(); return false; }
else if ($(taskNum).val().length == 0) { alert("请输入任务数量"); $(taskNum).focus(); return false; }
else if ($(commission).val().length == 0) { alert("请输入佣金金额"); $(commission).focus(); return false; }
else if ($(taskRemark).val().length == 0) { alert("请你仔细说明任务购买流程"); $(taskRemark).focus(); return false; }
else
return true;
}
function AddTask(){
alert(123);
if(Validation()){
var taskName = $("#txtTaskName").val();
var itemUrl = $("#txtItemUrl").val();
var amount = $("#txtAmount").val();
var taskNum = $("#txtTaskNum").val();
var commission = $("#txtChargeFee").val();
var orderLabel = $("input[name='rblOrderLabel'][checked]").val();
var orderRemark = $("#txtOrderRemark").val();
var platform = $("input[name='rblPlatform'][checked]").val();
var taskRemark = escape(editor.html());
var data = { taskName: taskName, itemUrl: itemUrl, amount: amount, taskNum: taskNum, commission: commission, orderLabel: orderLabel, orderRemark: orderRemark, platform: platform, taskRemark: };
$.get("/task/addtask", data, function (result, state) {
if (result == 1) { alert("添加成功！请等待审核"); location.href = "/task"; }
else
alert("任务发布失败，请重新发布!");
});
}
}
</script>
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-btns" style="display: none;">
<a title="" data-toggle="tooltip" class="panel-minimize tooltips" href="" data-original-title="Minimize Panel"><i class="fa fa-minus"></i></a>
<a title="" data-toggle="tooltip" class="panel-close tooltips" href="" data-original-title="Close Panel"><i class="fa fa-times"></i></a>
</div><!-- panel-btns -->
<h4 class="panel-title">发布任务</h4>
<p></p>
</div><!-- panel-heading -->
<div class="panel-body nopadding">
<form class="form-horizontal form-bordered">
<div class="form-group">
<label class="col-sm-3 control-label">任务平台：</label>
<div class="col-sm-7">
<div class="rdio-primary" style="float:left; margin-right:20px; margin-top:10px;">
<input type="radio" value="1" name="rblPlatform" checked>
<label for="radioPrimary">淘宝</label>
</div>
<div class="rdio-primary" style="float: left; margin-top: 10px; margin-right: 20px;">
<input type="radio" value="2" name="rblPlatform">
<label for="radioPrimary">天猫</label>
</div>
<div class="rdio-primary" style="float: left; margin-top: 10px; ">
<input type="radio" value="3" name="rblPlatform">
<label for="radioPrimary">京东</label>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">任务名称：</label>
<div class="col-sm-7"><input type="text" id="txtTaskName" class="form-control" placeholder="一句话"></div>
</div><!-- form-group -->
<div class="form-group">
<label class="col-sm-3 control-label">宝贝网址：</label>
<div class="col-sm-7"><input type="text" id="txtItemUrl" class="form-control" placeholder="请输入宝贝的购买地址 http://"></div>
</div><!-- form-group -->
<div class="form-group">
<label class="col-sm-3 control-label">任务金额：</label>
<div class="col-sm-7"><input type="text" id="txtAmount" class="form-control" placeholder="请输入任务金额"></div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">任务数量：</label>
<div class="col-sm-7"><input type="text" id="txtTaskNum" class="form-control" placeholder="请输入所需任务数量"></div>
</div><!-- form-group -->
<div class="form-group">
<label class="col-sm-3 control-label">每笔佣金：</label>
<div class="col-sm-7">
<input type="text" id="txtChargeFee" class="form-control tooltips" data-trigger="hover" data-toggle="tooltip" title="" placeholder="如：5元" data-original-title="给买手的一笔佣金">
</div>
</div><!-- form-group -->
<div class="form-group" id="OrderRemark">
<label class="col-sm-3 control-label">订单备注：</label>
<div class="col-sm-7">
<input type="text" id="txtOrderRemark" class="form-control tooltips" data-trigger="hover" data-toggle="tooltip" title="" placeholder="一句话告诉他们" data-original-title="告知发货的人一些小秘密">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">任务说明：</label>
<div class="col-sm-7">
<textarea id="txtTaskRemark" name="content" style="width:100%;height:400px;" data-original-title="告诉买手购买的流程"></textarea>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label"></label>
<div class="col-sm-7">
请认真填写任务相关信息，一经审核不可更改！
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label"></label>
<div class="col-sm-7">
<input type="button" class="btn btn-primary btn-lg" value="提交" onclick="AddTask()"/>
<input type="button" class="btn btn-primary btn-lg" value="提交xxx" onclick="alert(120003)" />
</div>
</div>
</form>
</div>
</div>
</div>
</div>
6 个解决方案
#1
确定引用了jquery？
按f12打开调试窗口，再点击提交按钮，看看哪里报错
按f12打开调试窗口，再点击提交按钮，看看哪里报错
#2
你的alert(123);能出来不。
顺便你Validation() 方法里面的这些
var taskName = $("#txtTaskName");
……
if ($(taskName).val().length == 0) { alert("请输入任务名称"); $(taskName).focus(); return false; }
……
都换成这样
if ($("#txtTaskName").val().length == 0) { alert("请输入任务名称"); $("#txtTaskName").focus(); return false; }
……
你上面那样有没有多此一举的感觉？我怀疑你的问题就出现在这儿。
瞎猜的。
顺便你Validation() 方法里面的这些
var taskName = $("#txtTaskName");
……
if ($(taskName).val().length == 0) { alert("请输入任务名称"); $(taskName).focus(); return false; }
……
都换成这样
if ($("#txtTaskName").val().length == 0) { alert("请输入任务名称"); $("#txtTaskName").focus(); return false; }
……
你上面那样有没有多此一举的感觉？我怀疑你的问题就出现在这儿。
瞎猜的。
#3
function Validation()
{
var taskName = $("#txtTaskName");
var itemUrl = $("#txtItemUrl");
var amount = $("#txtAmount");
var taskNum = $("#txtTaskNum");
var commission = $("#txtChargeFee")
var taskRemark =escape(editor.html());
if ($(taskName).val().length == 0) { alert("请输入任务名称"); $(taskName).focus(); return false; }
else if ($(itemUrl).val().length == 0) { alert("请输入宝贝地址"); $(itemUrl).focus(); return false; }
else if ($(amount).val().length == 0) { alert("请输入任务金额"); $(amount).focus(); return false; }
else if ($(taskNum).val().length == 0) { alert("请输入任务数量"); $(taskNum).focus(); return false; }
else if ($(commission).val().length == 0) { alert("请输入佣金金额"); $(commission).focus(); return false; }
else if ($(taskRemark).val().length == 0) { alert("请你仔细说明任务购买流程"); $(taskRemark).focus(); return false; }
else
return true;
}
貌似应该改成：
function Validation()
{
var taskRemark =escape(editor.html());
if ($("#txtTaskName").val().length == 0) { alert("请输入任务名称"); $("#txtTaskName").focus(); return false; }
else if ($("#txtItemUrl").val().length == 0) { alert("请输入宝贝地址"); $("#txtItemUrl").focus(); return false; }
else if ($("#txtAmount").length == 0) { alert("请输入任务金额"); $("#txtAmount").focus(); return false; }
else if ($("#txtTaskNum").val().length == 0) { alert("请输入任务数量"); $("#txtTaskNum").focus(); return false; }
else if ($("#txtChargeFee").val().length == 0) { alert("请输入佣金金额"); $("#txtChargeFee")focus(); return false; }
//这里你看看api else if (escape(editor.html()).length == 0) { alert("请你仔细说明任务购买流程"); ; return false; }
else
return true;
}
#4
不行，，那个弹不出alert（213），进入不了addtask方法，，是什么情况
#5
打开谷歌浏览器，F12， 看JS哪里报错了 .
#6
JS调试，一句一句的调试
#1
确定引用了jquery？
按f12打开调试窗口，再点击提交按钮，看看哪里报错
按f12打开调试窗口，再点击提交按钮，看看哪里报错
#2
你的alert(123);能出来不。
顺便你Validation() 方法里面的这些
var taskName = $("#txtTaskName");
……
if ($(taskName).val().length == 0) { alert("请输入任务名称"); $(taskName).focus(); return false; }
……
都换成这样
if ($("#txtTaskName").val().length == 0) { alert("请输入任务名称"); $("#txtTaskName").focus(); return false; }
……
你上面那样有没有多此一举的感觉？我怀疑你的问题就出现在这儿。
瞎猜的。
顺便你Validation() 方法里面的这些
var taskName = $("#txtTaskName");
……
if ($(taskName).val().length == 0) { alert("请输入任务名称"); $(taskName).focus(); return false; }
……
都换成这样
if ($("#txtTaskName").val().length == 0) { alert("请输入任务名称"); $("#txtTaskName").focus(); return false; }
……
你上面那样有没有多此一举的感觉？我怀疑你的问题就出现在这儿。
瞎猜的。
#3
function Validation()
{
var taskName = $("#txtTaskName");
var itemUrl = $("#txtItemUrl");
var amount = $("#txtAmount");
var taskNum = $("#txtTaskNum");
var commission = $("#txtChargeFee")
var taskRemark =escape(editor.html());
if ($(taskName).val().length == 0) { alert("请输入任务名称"); $(taskName).focus(); return false; }
else if ($(itemUrl).val().length == 0) { alert("请输入宝贝地址"); $(itemUrl).focus(); return false; }
else if ($(amount).val().length == 0) { alert("请输入任务金额"); $(amount).focus(); return false; }
else if ($(taskNum).val().length == 0) { alert("请输入任务数量"); $(taskNum).focus(); return false; }
else if ($(commission).val().length == 0) { alert("请输入佣金金额"); $(commission).focus(); return false; }
else if ($(taskRemark).val().length == 0) { alert("请你仔细说明任务购买流程"); $(taskRemark).focus(); return false; }
else
return true;
}
貌似应该改成：
function Validation()
{
var taskRemark =escape(editor.html());
if ($("#txtTaskName").val().length == 0) { alert("请输入任务名称"); $("#txtTaskName").focus(); return false; }
else if ($("#txtItemUrl").val().length == 0) { alert("请输入宝贝地址"); $("#txtItemUrl").focus(); return false; }
else if ($("#txtAmount").length == 0) { alert("请输入任务金额"); $("#txtAmount").focus(); return false; }
else if ($("#txtTaskNum").val().length == 0) { alert("请输入任务数量"); $("#txtTaskNum").focus(); return false; }
else if ($("#txtChargeFee").val().length == 0) { alert("请输入佣金金额"); $("#txtChargeFee")focus(); return false; }
//这里你看看api else if (escape(editor.html()).length == 0) { alert("请你仔细说明任务购买流程"); ; return false; }
else
return true;
}
#4
不行，，那个弹不出alert（213），进入不了addtask方法，，是什么情况
#5
打开谷歌浏览器，F12， 看JS哪里报错了 .
#6
JS调试，一句一句的调试