javascript form verification

Question

<div class="masterform type-selection">


<div class="radio"><span><input type="radio" name="feature_value_6" value="10" required=""></span></div><label>Cool</label>



function ShowLoading() {

var verif = true;

$(".masterform input").each(function() {
if($(this).val() == ""){
verif = false;
}
});
var radio = false;
$(".type-selection div.radio span").each(function() {
if($('.masterform input[type=radio]:checked').size() > 0){
radio = true;
}
});

if(verif == true && radio == true){
window.loading_screen = window.pleaseWait({
blabla }); }

}

i tried everything , the variable send me true but when i use this verification on radio input nothing work. my function work only when i stop the submit on my form by clicking on the cross of my safari navigator !

Everything works fine on chrome but cant make it work on safari

Sᴀᴍ Onᴇᴌᴀ · Accepted Answer · 2017-03-01 23:44:22Z

1

I cleaned up your code. Looks like you just need to use length instead of $.size()

var radio = false;
$(".type-selection div.radio span").each(function() {
  if ($('.masterform input[type=radio]:checked').length > 0) {
    radio = true;
  }
  console.log(radio);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="masterform type-selection">
  <div class="radio">
    <span>
      <input type="radio" name="feature_value_6" value="10" required="" checked>
    </span>
  </div>
  <label>Cool</label>
</div>

edited Mar 1, 2017 at 23:44

Sᴀᴍ Onᴇᴌᴀ

8,2928 gold badges38 silver badges61 bronze badges

answered Mar 1, 2017 at 23:36

Michael Coker

53.8k5 gold badges69 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

jolo Over a year ago

just tried same thing not working until i stop the page charge by cross on navigator

Michael Coker Over a year ago

@jolo "page charge"? What does that mean?

jolo Over a year ago

when the page is loading

Michael Coker Over a year ago

@jolo you need to be more specific and give more context. I don't know what you're talking about. Give us a working demo that shows the problem clearly.

jolo Over a year ago

my function is called onSubmit form ! it work perfectly on chrome but on safari it work only when i stop the loading on the page by click the cross of the navigator :/

|

JC Hernández · Accepted Answer · 2017-03-01 23:38:28Z

0

Try to use the "prop" property of jQuery, like this:

$(".type-selection div.radio span input[type='radio']").each(function(elemIndex, domElement) { //Each radio 
    if($(domElement).prop('checked')){
        radio = true;
    }
});

answered Mar 1, 2017 at 23:38

JC Hernández

8074 silver badges14 bronze badges

1 Comment

jolo Over a year ago

just tried same thing not working until i stop the page charge by cross on navigator ! its so weird everything work fine without that radio check

Collectives™ on Stack Overflow

javascript form verification

2 Answers 2

7 Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

1 Comment

Related