我有2个按钮,但是我只希望其中一个可以检查必填字段,但是如何?

时间:2018-07-10 13:10:13

标签: javascript php html web

我真的是 PHP HTML 的新手。
我现在遇到的问题是:
我有2个按钮:(1)Temp(2)Submit,这两个按钮都是为用户可以在上面写东西的表单创建的。但是表单的某些字段是必需的,因此在HTML中,我在表单中这些字段的末尾写了“ required”。 但是问题是,当我按下“ 提交”按钮而不是“ 温度”按钮时,我希望系统检查那些必填字段。但是我真的不知道怎么办?

这些是我到目前为止拥有的东西:

<form action='' method='post' enctype='multipart/form-data'>   
<div class='well'><strong><h4><center>Intern Record File</center></strong> 
</h4></div>
<br>
    <div class="input-group">
        <span class="input-group-addon">Company Name</span>
        <input type="hidden" name="ent_name_title" value="Company Nmae">
        <input type="text" class="form-control" name="ent_name" value="<?php echo $ent_name;?>" required readonly>
    </div>
    <br>
    <div class="input-group">
        <span class="input-group-addon">Job Name</span>
        <input type="hidden" name="intern_name_title" value="Job Name">
        <input type="text" class="form-control" name="intern_name" value="<?php echo $intern_name;?>" required readonly>
    </div>
    <br>
    <div class="input-group">
        <span class="input-group-addon">Job Department</span>
        <input type="hidden" name="ent_acc_dept_title" value="Job Department">
        <input type="text" class="form-control" name="ent_acc_dept" value="<?php echo $ent_acc_dept;?>">
    </div>
<br>

2 个答案:

答案 0 :(得分:0)

您可以if (pattern.length() < 0 || pattern.length() > MAX_LENGTH || pattern.length()==20){ return false; } 单击preventDefault()按钮上的event

https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault

答案 1 :(得分:0)

您始终可以将temp按钮更改为<a></a>标记,其样式类似于具有onclick事件而不是href的按钮

示例:

<button onclick="functionName();" >Temp</button>

我会避免使用<input type="submit" />,因为这将导致提交表单数据(如果表单上具有必填字段,则会对其进行验证)

代码段

function funTemp() {
  console.log("validation did not fire");
}
.btnClass {
  border: 1px solid rgb(36, 39, 41);
  background-color: rgb(221, 221, 221);
  border-radius: 2px;
  padding: 3px;
}
<form>
  <input type="text" id="text1" name="text1" required />
  <input type="submit" id="submitBtn" name="submitBtn" />
  <a class="btnClass" onclick="funTemp();">Temp</a>
</form>