Question

我在这里有两种形式 首先是

<form class="form-horizontal form-signin" method="post" action="http://localhost:8080/job/create" id="submitUpdateProfileForm" >
    <input type="hidden" name="actionType" value="updateJob" autocomplete="false" autofocus="false">
    <div class="control-group">
        <label class="control-label" for="txtJobId">Job Id</label>
        <div class="controls">
            <input type="text" id="txtJobId" name="txtJobId"   placeholder="Job ID" value="18" readonly="readonly" />
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="txtJobName">Job Name</label>
        <div class="controls">
            <input type="text"  id="txtJobName" name="txtJobName" placeholder="Job Name" value="" required />
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="txtJobInstruction">Job Instruction</label>
        <div class="controls">
            <textarea id="txtJobInstruction"  name="txtJobInstruction" placeholder="Job Instruction" required></textarea>
        </div>
    </div>
    <div class="control-group">
        <div class="controls">
            <button type="submit"  class="btn btn-primary">Create Quotation</button>
        </div>
    </div>
</form>

第二个就在这里

<form method="post" enctype="multipart/form-data" id="upload" action="http://localhost:8080/files/upload/">
    <label for="users_file"> <strong><b> <font color="blue"> Please Select Image</font></b></strong>

        <input type="file" name="users_file" id="users_file" accept="images/*" />
    </label>

    <div id="filedrag" style="padding: 28px;border: 2px dashed #000000;"> <strong><b><font color="blue">Or Drop Files Here</font></b></strong></div>
</form>

问题如何在创建报价中验证选择图像？我的问题是“此代码创建报价而不知道图像是否上传”

Answer 1

如果你想说＆＃34;创建报价＆＃34;如果在＆＃34;选择图像＆＃34;中没有选择文件，则不应提交表单。第二种形式，然后你可以用这种方式将onsumit属性添加到你的第一个表单

<form class="form-horizontal form-signin" method="post" 
action="http://localhost:8080/job/create" id="submitUpdateProfileForm"
onsubmit="if (!document.getElementById('users_file').value.length>0){alert("Please upload a file!!");return false}else{return true}">

我在这里检查＆＃34; users_file＆＃34;输入值是否为空，然后提交表单。我希望这就是你所要求的。

如何验证两种形式的单页面

1 个答案: