小编Rah*_*pta的帖子

React formik 表单验证:如何最初禁用提交按钮

下面是我使用的React表单验证代码formik。默认情况下,当表单加载时,我想禁用提交按钮:

import { useFormik } from "formik";
import * as Yup from "yup";

const formik = useFormik({
    initialValues: {
      firstName: "",
      lastName: "",
      email: ""
    },
    validationSchema: Yup.object({
      firstName: Yup.string()
        .max(15, "Must be 15 characters or less")
        .min(3, "Must be at least 3 characters")
        .required("Required"),
      lastName: Yup.string()
        .min(3, "Must be at least 3 characters")
        .max(20, "Must be 20 characters or less")
        .required("Required"),
      email: Yup.string()
        .email("Invalid email address")
        .required("Required")
    }),
    onSubmit: values => {
      handleSubmit(values);
    }
  }); …
Run Code Online (Sandbox Code Playgroud)

validation reactjs yup formik

29
推荐指数
3
解决办法
3万
查看次数

jQuery选项卡 - 获取新选择的索引

我之前使用jquery-ui tabs扩展来加载页面片段ajax,并隐藏或显示div页面中的隐藏页面.这两种方法都有很好的记录,我在那里没有任何问题.

但是,现在我想用标签做一些不同的事情.当用户选择一个标签时,它应该完全重新加载页面 - 原因是每个标签部分的内容渲染起来有些昂贵,所以我不想一次性发送它们并使用普通方法切换'display:none'以显示它们.

我的计划是截取选项卡的select事件,并让该函数通过操作document.location重新加载页面.

select处理程序中,我如何获得新选择的选项卡索引和它对应的html LI对象?

$('#edit_tabs').tabs(  {
        selected: 2,     // which tab to start on when page loads
        select: function(e, ui) {
            var t = $(e.target);
            // alert("data is " +  t.data('load.tabs'));  // undef
            // alert("data is " +  ui.data('load.tabs'));  // undef

            // This gives a numeric index...
            alert( "selected is " + t.data('selected.tabs') )
            // ... but it's the index of the PREVIOUSLY selected tab, not …
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-ui jquery-plugins jquery-ui-tabs

26
推荐指数
3
解决办法
7万
查看次数

将PHP日期转换为javascript日期格式

我有一个输出数据数组的PHP脚本.然后将其转换为JSON使用该json_encode()函数.

我的问题是我的数组中有一个日期,而且它的格式不正确.我怎么能在PHP中转换它,所以它是?

$newticket['ThreadID'] =  $addticket;
$newticket['Subject'] =  $subject;
//$newticket['DateCreated'] =  date('d-m-Y G:H');
Run Code Online (Sandbox Code Playgroud)

而不是上述日期,我需要javascript函数的等价物

新日期()

当我输出上面的内容时,我得到以下"2012年6月1日星期五11:08:48 GMT + 0100(GMT日光时间)"但是,如果我将我的PHP日期格式化为相同,则javascript拒绝它.困惑...

有人可以帮忙吗?

javascript php datetime json date-conversion

19
推荐指数
3
解决办法
5万
查看次数

jQuery UI选项卡 - 自动高度

在以前的版本中,jQuery tabs有一个选项可以使用以下选项自动将选项卡的高度设置为组中最高选项卡的高度:

$('#container').tabs({ fxAutoHeight: true });
Run Code Online (Sandbox Code Playgroud)

然而,这似乎不起作用jQuery UI 1.5.3.

此选项已被删除吗?如果是这样,有另一种方法来获得相同的功能?

jquery tabs jquery-ui jquery-ui-tabs

18
推荐指数
4
解决办法
6万
查看次数

Asp.Net MVC中的JQuery UI datepicker

我试图JQuery UI在一个Asp.Net MVC没有运气的网站上使用一些小部件.

例如来自jQuery UI的基本日期选择器- 功能演示.

我创建了一个简单的MVC项目并添加了脚本引用,Site.Master如下所示:

<script src="../../Scripts/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-personalized-1.5.3.min.js" type="text/javascript"></script>
<link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
<link href="../../Content/ui.datepicker.css" rel="stylesheet" type="text/css" />"
Run Code Online (Sandbox Code Playgroud)

Index.aspx文件中,我已清除所有默认内容并添加以下内容:

<script type="text/javascript">
    $("#basics").datepicker();     
</script>  
<input type="text" size="10" value="click here" id="basics"/> 
Run Code Online (Sandbox Code Playgroud)

核心jQuery工作得很好.有线索吗?

html javascript asp.net-mvc jquery jquery-ui

14
推荐指数
2
解决办法
3万
查看次数

Symfony2 - 如何使用monolog记录多行条目?

我试图在symfony中使用monolog记录一个数组.

$logger = $this->get('logger');
$logger->info(=print_R($user,true));
Run Code Online (Sandbox Code Playgroud)

我得到的输出没有格式化为print_r.它将所有内容记录在一行上.

我的config.yml中没有任何monolog设置,并怀疑这可能是问题所在.

如何使用monolog记录print_r(数组),以便显示格式为tail -f?

logging symfony laravel monolog

13
推荐指数
2
解决办法
3912
查看次数

React bootstrap Navbar:如何右对齐导航栏项目

我正在尝试在 a 中右对齐导航栏项目(贡献),navbar.js但我似乎无法弄清楚。导航栏是一个 React 组件,如下所示,

导航栏.js 在这里

import React, {PropTypes} from 'react';
import { Link, IndexLink } from 'react-router';
import { browserHistory, Router, Route } from 'react-router'
var ReactDOM = require('react-dom');

// create classes
var NavBar = React.createClass({
  render: function(){
    return(
      <nav className="navbar navbar-inverse navbar-static-top">
        <div className="container-fluid">
          <div className="navbar-header">
            <button type="button" className="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false">
              <span className="sr-only">Toggle navigation</span>
              <span className="icon-bar"></span>
              <span className="icon-bar"></span>
              <span className="icon-bar"></span>
            </button>
            <NavBrand linkTo={this.props.brand.linkTo} text={this.props.brand.text} />
          </div>
          <div className="collapse navbar-collapse" id="navbar-collapse">
            <NavMenu links={this.props.links} /> …
Run Code Online (Sandbox Code Playgroud)

javascript navbar twitter-bootstrap reactjs react-bootstrap

13
推荐指数
7
解决办法
3万
查看次数

用JS调整jquery UI对话框的大小?

更好的是,如果autoResize在最新的分支中按预期工作,但在此之前问题很简单:如何在创建对话框后调整对话框的大小?

javascript jquery-ui modal-dialog jquery-ui-dialog

12
推荐指数
1
解决办法
2万
查看次数

HTML5 video autoplay but with a 5 seconds of delay

I have a 20 second long HTML5 video loop as the background on my webpage and it is set to autostart. Is it possible to delay the video autoplay for 5 seconds? I am trying to allow the video to load completely before trying to play to prevent it from stuttering as much. Here is my current code:

<video id="video_background" poster="images/dmm_background.jpg" controls="controls" preload="true" autoplay="true" loop="loop" muted="muted" volume="0"> 
<source src="videos/backgroundvideo.mp4" type="video/mp4"> 
<source src="videos/backgroundvideo.webm" type="video/webm">
</video>
</video>
Run Code Online (Sandbox Code Playgroud)

Any help is greatly appreciated!!

video html5 settimeout autoplay preload

12
推荐指数
2
解决办法
4万
查看次数

Javascript - 如何删除字符串开头的空格

我想删除字符串开头的空格.它应该只删除字符串开头的空格,其他空格应该在那里.

var string=' This is test';
Run Code Online (Sandbox Code Playgroud)

javascript string jquery

12
推荐指数
3
解决办法
2万
查看次数