关于【form】的问题- 第1页

Kolamik

Asked: 2022-08-15 21:48:34 +0800 CST

js表单验证功能不起作用

0

无法编写检查表单有效性的函数。如果所有 3 个字段都填写正确，则该函数应将电子邮件和密码输出到控制台。我创建了 3 个等于 false 的变量 a、b 和 c，并将它们按 1 构建到每个块中。条件中应该有错误的地方，我分配了值 false，并且一切正常 - 真实。然后我尝试做检查。如果所有 3 个字段 = true，则密码和邮件应显示在控制台中。但是由于某种原因，该功能不起作用。

请帮助我理解我错在哪里？

'use strict'

const emailChecker = /^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/iu;


const errorIsOn = document.querySelector('#error');
const preheader = document.querySelector('#preheader');
const emailField = document.querySelector('#e-mail');
const btn = document.querySelector('#btn');
const password = document.querySelector('#password');
const errorpass = document.querySelector('#errorpass');
const errorpass2 = document.querySelector('#errorpass2');
const preheaderpass = document.querySelector('#preheaderpass');
const checkbox = document.querySelector('#box');
const errorpass3 = document.querySelector('#errorpass3');

let a = false;
let b = false;
let c = false;

function isEmailValid(value) {
  return emailChecker.test(value);
}

function onInput() {
  if (isEmailValid(emailField.value)) {
    emailField.style.borderColor = 'green';
    errorIsOn.style.display = 'none';
    preheader.style.color = 'black';
    a = true;
  } else {
    emailField.style.borderColor = 'red';
    errorIsOn.style.display = 'initial';
    preheader.style.color = 'red';
    a = false;
  }
}

emailField.addEventListener('keyup', onInput);


function passValidation() {
  if (password.value.length === 0) {
    password.style.borderColor = 'red';
    errorpass.style.display = 'initial';
    preheaderpass.style.color = 'red';
    errorpass2.style.display = 'none';
    b = false;
  } else if (password.value.length > 0 && password.value.length <= 8) {
    password.style.borderColor = 'red';
    errorpass2.style.display = 'initial';
    preheaderpass.style.color = 'red';
    b = false;
  } else {
    password.style.borderColor = 'green';
    errorpass.style.display = 'none';
    errorpass2.style.display = 'none';
    preheaderpass.style.color = 'black';
    return (password);
    b = true;
  }
}

password.addEventListener('keyup', passValidation);


function checkboxValid() {
  if (!checkbox.checked === false) {
    checkbox.style.borderColor = 'black';
    errorpass3.style.display = 'none';
    c = true;
  } else {
    checkbox.style.borderColor = 'red';
    errorpass3.style.display = 'initial';
    c = false;
  }
}

checkbox.addEventListener('click', checkboxValid);


function formValidation() {
  if (a === true && b === true && c === true) {
    console.log(emailField);
    console.log(password);
  } else {
    console.log('Поля не заполнены!')
  }
}

btn.addEventListener('click', formValidation);

body {
  max-width: 1440px;
  max-height: 769px;
  background-color: #1B2473;
  display: flex;
  flex-direction: column;
  font-family: 'Roboto', sans-serif;
}

@media screen and (max-width:768px) {
  .body {
    max-width: 768px;
  }
}

.form {
  width: 600px;
  height: 412px;
  background: #FFFFFF;
  box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 82px;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .form {
    width: 728px;
    height: 697px;
  }
}

.form__preheader {
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #787878;
  margin-left: 45px;
  margin-bottom: 7px;
}

@media screen and (max-width:768px) {
  .form__preheader {
    font-size: 24px;
  }
}

.form__header {
  width: 115px;
  height: 50px;
  font-weight: 700;
  font-size: 50px;
  line-height: 50px;
  color: #787878;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  margin-top: 26px;
}

@media screen and (max-width:768px) {
  .form__header {
    width: 138px;
    font-size: 60px;
  }
}

.form__field {
  width: 509px;
  height: 49px;
  background: #FFFFFF;
  border: 2px solid #787878;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  color: #CCCCCC;
}

@media screen and (max-width:768px) {
  .form__field {
    width: 638px;
    height: 49px;
  }
}

.form__error {
  display: none;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  color: #CB2424;
  margin-left: 45px;
  margin-right: auto;
  margin-bottom: 12px;
}

.form__star {
  width: 7px;
  height: 12px;
  color: #787878;
}

.form__pc {
  width: 638px;
  height: fir-content;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.form__box {
  width: 24px;
  height: 24px;
  border: 2px solid #787878;
  border-radius: 7px;
  margin-left: 45px;
  margin-right: 10px;
}

@media screen and (max-width:768px) {
  .form__box {
    width: 32px;
    height: 32px;
  }
}

.form__checkbox {
  width: 100%;
  display: flex;
  flex-direction: row;
}

.form__text {
  width: 278px;
  height: 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #787878;
  margin-top: 3px;
}

@media screen and (max-width:768px) {
  .form__text {
    width: 358px;
    font-size: 18px;
  }
}

.form__send {
  width: 180px;
  height: 52px;
  background-color: #1A226B;
  border-radius: 10px;
  font-weight: 700;
  font-size: 24px;
  line-height: 16px;
  color: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
  margin-top: 26px;
}

@media screen and (max-width:768px) {
  .form__send {
    width: 220px;
    height: 80px;
    font-size: 32px;
  }
}

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../module_two_javascript/normalize.css">
  <link rel="stylesheet" href="../module_two_javascript/style.css">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
  <title>Form</title>
</head>

<body>

  <form class="form" id='form'>

    <h1 class="form__header">Вход</h1>
    <p class="form__preheader" id='preheader'>E-mail</p>
    <input class="form__field" type="text" id="e-mail" placeholder="Введите e-mail">
    <p class="form__error" id='error'>Поле обязательно для заполнения</p>
    <p class="form__preheader" id='preheaderpass'>Пароль</p>
    <input class="form__field" type="text" id="password" placeholder="Введите пароль">
    <p class="form__error" id='errorpass'>Поле обязательно для заполнения</p>
    <p class="form__error" id='errorpass2'>Пароль должен содержать как минимум 8 символов</p>

    <div class="form__pc">
      <div class=f orm__checkbox>
        <input class="form__box" type="checkbox" id="box" value='check'>
        <label for="box" class="form__text">Я согласен получать обновления на почту
        </label>
      </div>
      <p class="form__error" id='errorpass3'>Поле обязательно для заполнения</p>
    </div>

    <button class="form__send" id='btn' type="submit">
            Войти
    </button>
    <script src="..."></script>
</body>

</html>

Алексей Белкин

Asked: 2022-08-01 22:54:00 +0800 CST

在 FastApi 中处理表单

1

我使用 Jinja 模板引擎制作了一个表单。去了地址。我按发送，它出来了：

{"detail":[{"loc":["body","username"],"msg":"field required","type":"value_error.missing"}]}

如果您转到文档页面并从那里发送数据，则没有错误，您可以在打印中看到输入的数据。

我根据文档进行了 POST 处理

@app.get("/", response_class=HTMLResponse)
async def index(request: Request):
    return templates.TemplateResponse("sign_in.html", {"request": request})

@app.post("/")
async def login(username: str = Form(), password: str = Form()):
    print('username:', username)
    print('password:', password)
    return {"username": username}

我做错了什么？为什么我通过放在sign_in.html页面上的表单看不到提交的数据？

表格本身：

<form name="sign_in" id="form_0" action="/" method="post" enctype=multipart/form-data>
  <div class="input">
    <div class="blockinput">
      <input type="email" name="email" placeholder="e-mail">
    </div>

    <div class="blockinput">
      <input type="password" name="password" placeholder="Пароль">
    </div>
  </div>
  <div>
    <input class="in_submit" type="submit" value="Войти">
  </div>
</form>

添加：

@app.get("/", response_class=HTMLResponse)
async def index(request: Request):
    print('*@app.get*')
    return templates.TemplateResponse("sign_in.html", {"request": request})

@app.post("/")
async def login(username: str = Form(), password: str = Form()):
    print('*@app.post*')
    print('username:', username)
    print('password:', password)
    return {"username": username}

通过浏览器访问页面“127.0.0.1”时打印：

*@app.get*
INFO:     127.0.0.1:64572 - "GET / HTTP/1.1" 200 OK
INFO:     127.0.0.1:64572 - "POST / HTTP/1.1" 422 Unprocessable Entity
INFO:     127.0.0.1:64572 - "GET /favicon.ico HTTP/1.1" 405 Method Not Allowed

这是在发送后的浏览器中：打印，通过页面“http://127.0.0.1:8001/docs#/default/login__post”发送数据时

*@app.post*
username: www@ww.ww
password: wwwwww
INFO:     127.0.0.1:64600 - "POST / HTTP/1.1" 200 OK

Mike

Asked: 2022-07-02 19:26:48 +0800 CST

通过php文件将带有选中复选框的表单（按钮）发送到不同的URL

0

大家好！

如何根据选中的复选框将表单提交到不同的 URL。我设法实现了这一点，只有 1 个复选框。但是，如果您添加第二个该 php 不能识别传入的数据，因为它应该。

任务： 如何根据按钮复选框的选中组合重定向到 4 个不同的 URL。

使用复选框 1 发送到 1 个 URL
使用复选框 2 发送到 2 个 URL
使用复选框 1 和 2 发送到 3 个 URL
发送到 4 个 URL 而不取消复选框

HTML

<form class="form-horizontal" action="http://URL/bamp/bump1.php" method="post">
<fieldset>

<!-- Form Name -->
<legend>PARAMETR</legend>

<!-- Multiple Checkboxes -->
<div class="form-group">
  <label class="col-md-4 control-label" for="checkboxes">form</label>
  <div class="col-md-4">
  
  
    <!-- CHECK-BOX1 -->
  <div class="checkbox">
    <label for="checkboxes1">
      <input type="checkbox" name="checkboxes1" id="checkboxes1" value="1">
      checkboxes1
    </label>
    </div>
    
    <!-- CHECK-BOX2 -->
  <div class="checkbox">
    <label for="checkboxes2">
      <input type="checkbox" name="checkboxes2" id="checkboxes2" value="2">
      checkboxes2
    </label>
    </div>
    
    
  </div>
</div>

<!-- Button -->
<div class="form-group">
  <label class="col-md-4 control-label" for="singlebutton"> </label>
  <div class="col-md-4">
    <button id="singlebutton" name="singlebutton" class="btn btn-primary">START!</button>
  </div>
</div>

</fieldset>
</form>

PHP 这是我的 PHP 文件，它采用这种形式用于以后的重定向。

if($_POST['checkboxes1'] == 1 ){
    header("Location: http://URL/index1.html");
}
if($_POST['checkboxes2'] == 2){
    header("Location: http://URL/index2.html");
}

else {
    header("Location: http://URL/index3.html"); 
}

?> 



Заранее спасибо за любую помощь и подсказки.

Ryzen Wolf

Asked: 2022-06-22 23:21:13 +0800 CST

我试图在 c# 中将 61 分钟变成 1 小时 1 分钟。请帮帮我

0

我正在努力做到这一点，例如它花费 1 小时61 分钟，剩下 +1 小时 1 分钟。如果有可能，那怎么做？请帮我。

这是我的代码对我不起作用：

有什么问题，问我。

private void button2_Click(object sender, EventArgs e)
    {
        hours = Convert.ToInt32(HourInput.Text);
        minutes = Convert.ToInt32(MinuteInput.Text);

        hoursPlus += hours;
        minutesPlus += minutes;

        if(minutesPlus == 60)
        {
            hoursPlus++;
            minutesPlus = 0;
        }
        else if(minutesPlus >= 61)
        {
            hoursPlus++;
            // тут дальше я запутался...
        }

        TimesRes.Text = "Hours: " + hoursPlus.ToString() + "  |  Minutes: " + minutesPlus.ToString();
    }

toxxxa

Asked: 2020-02-18 17:04:49 +0800 CST

如何在 Symfony 4 中手动创建嵌套表单并用数组填充它

1

有一个实体 myEntity，其记录属性为 json 类型，反序列化后如下所示：

class myEntity
{
    public function getRecords()
    {
        return [
            ['param1' => 'value1', 'param2' => 'value2'],
            ['param1' => 'value1', 'param2' => 'value2'],
        ];
    }
}

我想创建一个将用这些反序列化值填充的表单，并为新值多留一个“行”：

MAIN FORM
    -> Record #1
        -> Param 1
        -> Param 2
    -> Record #2
        -> Param 1
        -> Param 2
    -> New Record <- пустая строка для новых значений
        -> Param 1
        -> Param 2

我在控制器中创建了一个新表单：

$this->container->get('form.factory')->create(myMainForm::class, $myEntity);

在主窗体中，我创建了一个嵌套records：

class myMainFormType extends EasyAdminFormType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder->add('records', myRecordsType::class);
    }
}

而这里我有问题，不知道怎么遍历所有现有的数组值

class myRecordsType extends EasyAdminFormType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        // TODO buildForm(), something like:
        // foreach (... as ...)
        // {
        //      $builder->add('record', myRecordType::class);
        // }
    }
}

最后，将创建文本字段本身，这里一切都很清楚：

class myRecordType extends EasyAdminFormType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder->add('param1', TextType::class);
        $builder->add('param2', TextType::class);
    }
}

js表单验证功能不起作用

在 FastApi 中处理表单

通过php文件将带有选中复选框的表单（按钮）发送到不同的URL

我试图在 c# 中将 61 分钟变成 1 小时 1 分钟。请帮帮我

如何在 Symfony 4 中手动创建嵌套表单并用数组填充它

我看不懂措辞

请求的模块“del”不提供名为“default”的导出

"!+tab" 在 HTML 的 vs 代码中不起作用

我正在尝试解决“猜词”的问题。Python

可以使用哪些命令将当前指针移动到指定的提交而不更改工作目录中的文件？

Python解析野莓

问题：“警告：检查最新版本的 pip 时出错。”

帮助编写一个用值填充变量的循环。解决这个问题

尽管依赖数组为空，但在渲染上调用了 2 次 useEffect

数据不通过 Telegram.WebApp.sendData 发送

问题[form]