novalidate="true"

[gvh]

Hi

I wanted to add the novalidate attribute to my <form> element to stop the HTML5 validation. Some find it a bit ugly and would prefer to validate with javascript.

I used the JQuery .attr to do that like this:

$("#my_form_id.attr( "novalidate",true );

Easy. But I wanted to do this without using javascript in case the user had it disabled in their browser.

I was able to do that with the user_meta_form_display hook and a php string replace like this:

add_filter('user_meta_form_display', 'add_novalidate',10,3);
function add_novalidate( $html, $formName, $formData ) {
    if ($formName == 'my_form_name' {
        $html = str_replace( '<form, '<form novalidate="true"', $html );
    return $html;
    }
}

Better ideas and comments welcome. I hope there isn’t a button I could have pushed somewhere to do this. 🙂

• This topic was modified 10 years ago by gvh.
• This topic was modified 10 years ago by gvh.

[gvh]

Couldn’t get the edit function to work.
The code in the previous post for adding the novalidate attribute is a mess of syntax errors…sorry.
Here’s a better version.

add_filter(‘user_meta_form_display’, ‘add_novalidate’, 10, 3);
function add_novalidate( $html, $formName, $formData ) {
if ($formName == ‘my_form_name’) {
$html = str_replace( ‘<form’, ‘<form novalidate=”true”‘, $html);
return $html;
}
}

[Author]

Posts